Клик на nth-child(n) jquery
161
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"); })
-
14:06
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47697 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30544 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23723 visits
- Как через css изменить цвет png изображения? 10373 visits
- Blob video url download 9980 visits
- Php curl запрос через прокси с авторизацией 9239 visits
- Работа с captcha vk api 8116 visits
© "hostciti.net" 24.1.2025 | 02:44