Клик на nth-child(n) jquery
190
21 ноября 2018, 16:30
Есть структура
<div id="wrapper_answer">
<div class="answer">1</div>
<div class="answer">2</div><br><br>
<div class="answer">3</div>
<div class="answer">4</div>
</div>
нужно обработать каждый элемента answer
Пробовал так, не работает
$('.answer:nth-child(3)').click(function(){alert("3"); })
$('#wrapper_answer:nth-child(3)').click(function(){alert("3"); })
Answer 1
Проблема заключается в <br/><br/>.
Указанный селектор выбирает элемент с классом answer являющийся третьим ребенком.
В текущей разметке - третьим ребенком будет <br/> соответственно селектор вернет 0 элементов.
Вместо nth-child нужно использовать eq
$('.answer:eq(2)').click(function(){alert("3"); })
Важное отличие: nth-child считает с 1, eq с 0
Answer 2
еще как вариант использовать nth-of-type вместо nth-child
$('.answer:nth-of-type(3)').click(function(){alert("3"); })
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49912 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25875 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10665 visits
- Работа с captcha vk api 9470 visits
© "hostciti.net" 21.12.2025 | 10:23