获取列表元素的计数(基于点击)？

Question

PS:我正在使用this Jquery plugin，尽管我的问题并不依赖于此。

    <div class="pikachoose">
        <ul id="pikame" class="jcarousel-skin-pika">
            <li><a href="http://www.pikachoose.com"><img src="../../10.jpg"/></a</li>
            <li><a href="http://www.pikachoose.com"><img src="../../20.jpg"/></a></li>
            <li><a href="http://www.pikachoose.com"><img src="../../30.jpg"/></a</li>
            <li><a href="http://www.pikachoose.com"><img src="../../40.jpg"/></a></li>
            <li><a href="http://www.pikachoose.com"><img src="../../50.jpg"/></a></li>
        </ul>
    </div>

我想让"li“标签的索引被点击。

  $("#pikame li").size(); 

将返回"li“的总数。但是我想得到那个"li“的索引

例如，如果单击图像40.jpg，则我希望得到3(索引从0,1,2开始，依此类推)。

Answer 1

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

工作示例：http://jsfiddle.net/AlienWebguy/zvkgv/

编辑:每个评论请求的扩展示例：

$('#pikame a').click(function(){
    $('#pikame2 li').eq($(this).parent().index()).find('img').trigger('click');
    return false;
});

新的工作示例：http://jsfiddle.net/AlienWebguy/zvkgv/2/

Answer 2

我会在#pikame元素上使用delegate，然后在li上使用index

$("#pikame").delegate("li", "click", function() {
    // $(this).index() is the index of the `li` clicked
});

Live example

尽管如何访问li元素并不重要；关键是一旦您访问了该元素，没有参数的index就会告诉您它在兄弟元素中的索引。因为li元素只能有li同级元素，所以不需要给index提供选择器或其他任何东西。