Question

您好，我试图显示星级评分，我有HTML结构，如下所述

＆＃13;

<div class="ImagesDetails"><div><img src="grey.png"/></div><div><img src="grey.png"/></div><div><img src="grey.png"/></div><div><img src="grey.png"/></div><div><img src="grey.png"/></div></div>

＆＃13;

然后我将从ajax响应中获得评级值。现在我需要将星级评分图像从灰色图像更改为div中的黑色图像，直到通过jquery进行计数，如下所述。

＆＃13;

var rating = 3

＆＃13;

<div class="ImagesDetails"><div><img src="black.png"/></div><div><img src="black.png"/></div><div><img src="black.png"/></div><div><img src="grey.png"/></div><div><img src="grey.png"/></div></div>

我正在获得像这样的特定div的索引

＆＃13;

$('.ImagesDetails').eq(k).find('div').each(function(){
  var xyz = $(this).index();
});

＆＃13;

这里k是ajax响应的索引。请建议我解决方案。

Answer 1

您可以在此处使用 :lt() 选择器：

选择匹配集内索引小于索引的所有元素。

$('.ImagesDetails img:lt('+ rating  +')').attr("src","black.png")

通过Jquery索引在div中定位img elemnt

1 个答案: