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

Question

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

Answer 1

См. Атрибуты / атрибут

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

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

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

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

Просто чтобы пойти немного дальше, вы можете использовать фильтры атрибутов (в данном случае 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')