获取当前<li>号码</li>

时间:2010-08-17 19:30:08

标签: javascript jquery list

我有一个像这样的列表:

<ul>

  <li>
    <a href="..."> ... </a>
    <a href="..."> ... </a>
  </li>

  <li>
    <a href="..."> ... </a>
    <a href="..."> ... </a>
  </li>

  <li>
    <a href="..."> ... </a>
    <a href="..."> ... </a>
  </li>

  ...

</ul>

和jQuery:

$("li").each(function(){
     // do stuff
});

如何在jquery函数中获取当前列表编号(如1,2或3)(在哪里做东西)?

3 个答案:

答案 0 :(得分:4)

传递给each的回调函数有两个参数,第一个是您正在寻找的索引:

$('li').each(function(index, value) {
  // index is what you're looking for
});

查看each的{​​{3}}:

  

回调传递一个数组   index和相应的数组值   每一次。

请注意,索引将从零开始,因此如果您想要“1,2,3 ......”(来自您的问题),您需要进行适当的调整。

答案 1 :(得分:3)

根据jQuery文档,您可以在函数中包含回调函数(如下所示):

$('li').each(function(index, value) { 
  alert('li #' + index); 
});

答案 2 :(得分:2)

jQuery将其作为参数传递:

$('li').each(i, li) {
  // i is the counter (starts at zero)
});

(当我确定这是正确的顺序时保持不变;我总是感到困惑b / c“$ .map()”不同!)

是的,就是它,索引然后元素。