Как получить ID элемента с помощью JQuery

В процессе работы бывает, что требуется получить ID элемента по которому кликнул пользователь. На странице есть несколько таких элементов с одинаковыми классами, но с разными ID. В этом случае обработчик события клика вешается на общий класс, а не на каждый элемент.  Как в этом случае получить ID? Какой от отдельной функции в JQuery не предусмотрено, но это можно сделать и другими способами.

Способ 1

Использование функции .attr() — возвращает или изменяет значение атрибутов у выбранных элементов страницы.

Способ 2

Использование функции .prop() — Возвращает или изменяет значение свойств выбранных элементов страницы.

Замечание .prop() удобен для работы с атрибутами, не требующими указания значений (checked и disabled в input-элементах), в большинстве других случаев, для работы с атрибутами лучше использовать .attr(), поэтому в нашем случае использовать эту функцию не совсем правильно

Способ 3

Использование указателя this, который будет указывать не на объект типа jQuery, а на DOM-аналог этого объекта.

Способ 4

Использование объекта event, который содержит данные о произошедшем событии.

 

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *