jQuery: получить id элемента

В jQuery нет отдельной функции для получения id элемента, но она там совершенно не нужна, поскольку это можно сделать очень просто и другими путями. Первый из них — использовать функцию attr. Как известно, эта функция получает атрибут элемента, а id это по сути обычный атрибут. Указатель $(this) будет ссылаться на тот элемент, по которому произведен клик:

$(document).ready(function(){
$(''.square'').click(function() {
console.log($(this).attr(''id''));
});
});

Но можно пойти и немного другим путём, по сути выполнить то же самое, только использовать не указатель $(this) объекта jQuery, а другой указатель this, который будет указывать не на объект типа jQuery, а на DOM-аналог этого объекта. Если я Вас запутал, почитайте вопрос об разнице между $(this) и this.

$(document).ready(function(){
$(''.square'').click(function() {
console.log(this.id);
});
});

А ещё можно это сделать через объект event, в котором также будет хранится ссылка на «кликнутый» элемент:

$(document).ready(function() {
$(".square").click(function(event) {
console.log(event.target.id);
});
});

Но вообще-то надобность получить id элемента на jQuery при обработке события на практике возникает редко, так как можно в этом случае все действия с нужным элементом выполнять через $(this).

По вопросам рекламы [email protected]