Target IMG elemnt внутри DIV с помощью индекса Jquery

Question

Привет я пытаюсь отобразить звездный рейтинг и у меня есть структура HTML, как указано ниже

<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>

тогда я буду получать рейтинг значения от AJAX ответ. Теперь мне нужно изменить номинальное изображение звезды с серого изображения на черно-белое изображение внутри div, пока это не счет через jquery, как указано ниже.

var rating = 3

<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 как этот

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

Здесь К индекс АЯКС ответа. Пожалуйста, предложите мне решение.

Answer 1

Вы можете использовать :lt() селекторов здесь:

Выберите все элементы в индексе меньше показателя в пределах согласованного набора.

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