如何在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 +'" />'); 

    }); 

});