使用jQuery检索HTML元素id

Question

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

Answer 1

请参见Attributes/attr

简单的例子:

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

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

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

为了更进一步,你可以使用属性过滤器(在这种情况下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(","));