Как повесить событие клика на элементы с одинаковыми классами?
319
22 февраля 2018, 16:13
Допустим есть несколько блоков с одинаковыми классами
<div class="block">Название</div>
<div class="block">Название</div>
<div class="block">Название</div>
<div class="block">Название</div>
И код который выполняет по событию клика какой то действие.
$('.block').click(function() {
$('.block').css('color','red')})
Как сделать так, что бы при клике функция выполнялась только для кликнутого элемента а не для всех элементов с таким же классом?
Answer 1
В обработке события используйте $(this)
$('.block').click(function() {
$(this).css('color', 'red');
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block">Название</div>
<div class="block">Название</div>
<div class="block">Название</div>
<div class="block">Название</div>Answer 2
Просто
$('.block').click(function() {
$(this).css('color','red');
});
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50338 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31948 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26312 visits
- Как через css изменить цвет png изображения? 11768 visits
- Blob video url download 11315 visits
- Php curl запрос через прокси с авторизацией 10722 visits
- Работа с captcha vk api 9519 visits
© "hostciti.net" 26.3.2026 | 05:06