按ID和名称获取列表索引

时间:2013-07-16 16:29:29

标签: jquery

我有下一个李的:

<ul id = "myul">
    <li id = "1"> a </li>
    <li id = "2"> b </li>
    <li id = "3"> c </li>
</ul>

我正在尝试做两件事:

  1. 我想通过id获取li的索引(例如:1)
  2. 我想获取li的索引值(例如:b)
  3. 对于这个例子,我必须得到:

    1) 0
    2) 1
    

    我尝试了下一件事:

    // get index by id:
    alert('index: ' + $("#myul li").index(document.getElementById("2")));
    
    // get index by name
    alert('index: ' + );
    

3 个答案:

答案 0 :(得分:3)

只使用jQuery的index()函数,因为元素的id应该是唯一的,所以你可以直接使用 id selector

<强> Live Demo

$('#2').index()

答案 1 :(得分:2)

// get index by id:
alert('index: ' + $("#2").index());

// get index by name, works if text does not appear on multiple li
alert('index: ' + $('li:contains(b)').index());

答案 2 :(得分:1)

按值:

$("#myul li:contains('b')").index()