如何检索元素的ID名称？

Question

 <div class="slider">
        <li id="hello1"></li>
        <li id="hello2"></li>
        <li id="hello3"></li>
  </div>

我在JavaScript中使用了这种方法。我想知道如何在jQuery中做到这一点。

var li = document.getElementsByTagName('li');
for (var i = 0; i < li.length; i++ ) {
    console.log(li[i].id);
}

Answer 1

这里有更多JQuery方法来执行此操作

$('.slider li').each(function() {
    console.log($(this).attr('id'));
});

JSFiddle link

Answer 2

试试这个

var li = $('.slider li');

li.each(function(){
    console.log($(this).attr("id"));
})

使用Jquery元素选择器这很容易（$('element')）。并且可以使用.each()迭代返回的对象。

更新：正如@squint建议的那样，您只需使用：

console.log(this.id);

JSFIDDLE LINK

Answer 3

使用jQuery，你可以这样做：

var li = $("li"),
    i;
for(i = 0; i < li.length; i++){
  console.log($(li[i]).attr('id'));
}