Question

<ul>
    <li><a href="/abc/">ABC</a></li>
    <li><a href="/def/">DEF</a></li>
    <li><a href="/hij/">HIJ</a></li>
    <li><a href="/xyz/">XYZ</a></li>
</ul>

我需要li标记的索引

例如，如果我点击ABC，我需要它的索引为1，HIJ索引必须为3，依此类推。

我试过的代码是

$('#aniText a').click(function(){
    alert($(this).closest('ul.trend').children('li').index($(this).closest('ul.trend').children('li')));
});

Answer 1

使用index()上的$(this)功能：

$('li').click(function(e) {
    e.preventDefault();
    alert($(this).index());
});

jsFiddle

Answer 2

$('ul a').click(function(){
     alert( $(this).parent().index()+1 );
}

Answer 3

试试这个：

var xxx= $('ul').index($(this).parents('ul'));

Answer 4

将点击绑定到a元素，然后定位其父元素，并使用index（） - 函数检查其索引。

$('a').on('click', function(e) {
     var $this = $(this),
         index = $this.parent('li').index();
     alert(index);
     e.preventDefault;
});

工作小提琴http://jsfiddle.net/JCFm2/

记住索引是从零开始的，所以如果你必须有1,2,3等......给索引变量添加一个+1。

使用jquery获取li的索引

4 个答案: