如何获取this.id的.index()

时间:2017-07-17 19:16:34

标签: javascript jquery

如果我想使用each()遍历一个类。如何将id附加到该课程并获取它的索引?

我尝试这样做,但this.id只返回该ID名称,而不是实际ID:

$('.nav-click').each(function() {
    console.log($(this.id).index('.nav-click'));
 });

2 个答案:

答案 0 :(得分:5)

您可以使用this来引用元素:

$('.nav-click').each(function() {
  console.log(this.id); // the id attribute
  console.log($(this).index('.nav-click')); // the index of this element within the .nav-click set
});

或者你可以使用传递给index处理函数的each()参数:

$('.nav-click').each(function(i) {
  console.log(i);
});

答案 1 :(得分:1)

您可以使用indexattr功能。



$('.nav-click').each(function() {
    console.log($(this).index(), $(this).attr('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class='nav-click' id='one'>one</p>
<p class='nav-click' id='two'>two</p>
&#13;
&#13;
&#13;