WordPress 코멘트 섹션에 등급 이미지를 삽입하는 방법은 무엇입니까?

Question

WordPress 코멘트 상자에 확인 이미지를 삽입해야합니다. 등급이 1/5, 2/5, 3/5, 4/5 인 경우 확인되지 않은 이미지가 표시되어야하고 등급이 5/5 인 경우 확인 된 이미지가 표시되어야합니다. 나는 많은 버전을 시도했지만 등급보다 강판 이하 5보다

내 코드 일 경우 모든 코멘트 상자에 한 번에 하나의 이미지를 표시 할 수 있었다 :

var code = $("<strong>5/5</strong>"); 
code.each(function() { 
    $('p.comment-rating').prepend('<p class="prepen_img"><img src="verified.png" /></p>'); 
}); 

내 코드 2 :

if ($("p.comment-rating:contains('2/5')").length !== 0) { 
    $('p.comment-rating').prepend('<p class="prepen_img"><img src="not-verified.png" /></p>'); 
} 
else { 
    $('p.comment-rating').prepend('<p class="prepen_img"><img src="verified.png" /></p>'); 
} 

내 코드 3 :

$('p.comment-rating').each(function() { 
    if ($("p.comment-rating:contains('5/5')").length !== 0) { 
     $('p.comment-rating').prepend('<p class="prepen_img"><img src="not-verified.png" /></p>'); 
    } 
    else { 
     $('p.comment-rating').prepend('<p class="prepen_img"><img src="verified.png" /></p>'); 
    } 
}); 

HTML :

,

<p class="comment-rating"> 
    <img src="2star.gif"> 
    <br> 
    Rating: <strong>2/5</strong> 
</p> 

위의 코드는 하나의 이미지 만 표시하며 else 조건은 작동하지 않습니다.

Answer 1

그래서 이런 일이 일할 수 :

jsfiddle Demo

HTML을 :

<p class="comment-rating"> 
    Rating: <strong>2/5</strong> 
</p> 

<p class="comment-rating"> 
    Rating: <strong>5/5</strong> 
</p> 

<p class="comment-rating"> 
    Rating: <strong>1/5</strong> 
</p> 

jQuery를 :

$(function() { 

    $('.comment-rating').each(function() { 

     var $this = $(this), 
      // Finds the first number inside '.comment-rating strong' before the forward slash and converts it to a number. 
      rating = parseInt($this.find('strong').text().split('/')[0]); 

     var verify = rating === 5 ? 'Verified' : 'Not-verified'; 

     $this.append('<span>'+ verify +'</span>'); 

    }); 

}); 

---

jsfiddle Demo

같은 :

나는 그런 이미지를 가지고 있지만, 여기에 내가 약간 9 호선 라인 (11)을 변경 이미지와 같은 일이 없기 때문에 텍스트 예, 더 명확 것 생각 html.

jQuery를 :

$(function() { 

    $('.comment-rating').each(function() { 

     var $this = $(this), 
      // Finds the first number inside '.comment-rating strong' before the forward slash and converts it to a number. 
      rating = parseInt($this.find('strong').text().split('/')[0]); 

     var verify = rating === 5 ? 'http://placekitten.com/g/20/30' : 'http://placekitten.com/20/30'; 

     $this.append('<img src="'+ verify +'" />'); 

    }); 

});