使用jQuery检索HTML元素id

时间:2009-09-21 16:45:24

标签: javascript jquery html

是否可以使用jQuery获取元素的id(div,input等)以及如何获取?

3 个答案:

答案 0 :(得分:6)

请参阅Attributes/attr

简单示例:

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

如果有一个多个div与类someclass(也就是说,选择器返回多个元素),您可以通过使用each循环遍历元素来获取它们,并将id推入数组中,例如:

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

为了更进一步,你可以使用attribute filters(在这种情况下为attributeHas)来挑选那些有id的元素,例如:

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(","));

答案 1 :(得分:2)

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

您需要选择一个合适的选择器,以确保选择感兴趣的元素。

答案 2 :(得分:0)

$(element).attr('id')