Получить идентификатор HTML-элементов с помощью jQuery

Question

Возможно ли получить идентификатор элемента (div, input и т. Д.) С помощью jQuery и как?

Answer 1

См Attributes/attr

Простой пример:

alert($('div.someclass').attr('id')); 

Если есть больше чем один DIV с классом someclass (то есть, селектор возвращает более одного элемента), вы можете получить их все обернув через элементы с помощью each и толкая идентификаторы в массив, например:

var ids = []; 
$('div.someclass').each(function() { 
    ids.push($(this).attr('id')); 
}); 

Только т о пойти немного дальше, вы можете использовать attribute filters (в данном случае attributeHas), чтобы выбрать только те элементы, которые имеют идентификаторы, например:

var ids = []; 
$('div[id]').each(function() { 
    ids.push($(this).attr('id')); 
}); 

и, наконец, вместо того, чтобы использовать каждый, вы можете использовать map(callback), который обеспечивает аккуратнее способ сделать выше:

var ids = $('div[id]').map(function(index, domElement) { 
    return $(domElement).attr('id'); 
}).get(); 
alert(ids.join(",")); 

Answer 2

$('elementselector').attr('id'); 

вы должны выбрать правильный селектор, чтобы убедиться, что вы выберите элемент интереса.

Answer 3

$(element).attr('id')