Как открыть только текущий элемент в jQuery?

Как сделать так, чтобы добавление классов происходило только для конкретного нажатого элемента, а не для всех элементов на странице?
  • 29 октября 2023 г. 11:08
Ответы на вопрос 1
Для открытия только текущего элемента в jQuery, вы можете использовать функцию `$(this)`. Она обращается только к текущему элементу, на который было нажатие или событие. Вот пример:

```javascript
$(".element").on("click", function() {
  $(this).addClass("active"); // добавление класса только для текущего элемента
});
```

В этом примере, при клике на элемент с классом "element", будет добавлен класс "active" только к текущему элементу, на который было совершено нажатие.

Если вы хотите, чтобы классы добавлялись/удалялись только для конкретного элемента, а не для всех элементов на странице, можете использовать функции `addClass` и `removeClass` для нужного элемента. Вот пример:

```javascript
$(".element").on("click", function() {
  $(".element").removeClass("active"); // удаление класса для всех элементов с классом "element"
  $(this).addClass("active"); // добавление класса только для текущего элемента
});
```

В этом примере, при клике на элемент с классом "element", класс "active" будет удален у всех элементов с классом "element", а затем добавлен только для текущего элемента.
Похожие вопросы