0

Допустим есть несколько блоков с одинаковыми классами

<div class="block">Название</div>
<div class="block">Название</div>
<div class="block">Название</div>
<div class="block">Название</div>

И код который выполняет по событию клика какой то действие.

$('.block').click(function() {
$('.block').css('color','red')})

Как сделать так, что бы при клике функция выполнялась только для кликнутого элемента а не для всех элементов с таким же классом?

2 ответа 2

5

В обработке события используйте $(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>

1

Просто

$('.block').click(function() {
$(this).css('color','red');
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.