Jquery - Как получить одинаковое число в двух тегах nth-child?

Question

    for (var i = 0; i < 3; i++) {
        $(".rain:nth-child(" + (i++) + ")").click(function() {
        $("li:nth-Child(" + (i++) + ")").css("opacity", "1");
        });
       }

У меня есть 2 тега, li и img, с именем класса 'rain'.

Моя цель: Когда я нажимаю третье изображение в классе дождя, я хочу получить третьетекст в теге li.

Answer 1

Вы увеличиваете переменную-счетчик больше, чем нужно.В этом случае его следует увеличивать только в выражении приращения цикла for.

Следующий код должен это исправить:

for (var i = 0; i < 3; i++) {
    $(".rain:nth-child(" + (i) + ")").click(function() {
    $("li:nth-Child(" + (i) + ")").css("opacity", "1");
  });
}

Answer 2

Это даст вам текст li соответствующего элемента каждого изображения дождя в переменной textYouWant

$('img.rain').click(v => {
    var i = $('img.rain').index(v);
    var textYouWant = $('li.rain').eq(i-1).text();
});