如何在WordPress評論部分插入評分圖片？

Question

我需要在WordPress評論框中插入驗證圖片。如果評分是1/5，2/5，3/5，4/5，則應顯示未驗證的圖像，如果評分爲5/5，則應顯示已驗證的圖像。我試了很多版本，但能夠證明只有一個在時間圖像中的所有批註框，如果評級是磨碎機或者小於5

我的代碼1：

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>'); 

    }); 

}); 

---

我想通文本示例會更清楚，因爲我沒有這樣的圖像，但在這裏是用圖片，在這裏我改線9和第11行稍微同樣的事情：

jsfiddle Demo

同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 +'" />'); 

    }); 

});