使用jQuery获取父索引

Question

<ul class="bullets">
  <li><a href="#">item 1</a></li>
  <li><a href="#">item 2</a></li>
  <li><a href="#">item 3</a></li>
  <li><a href="#">item 4</a></li>
  <li><a href="#">item 5</a></li>
</ul>

当我点击<a>元素时,我想得到它的父母<li>的索引号.

我正在尝试创建一个carrousel类型函数,它不需要列表项上的item-n类.

$(".bullets li a").click(function(){

   var myIndex = $(this).parent().index(this);
   showPic(myIndex);

});

谢谢你的帮助.

TD.

Answer 1

$(this).parent().index();

简短又甜蜜

更正:这不短而且甜美

从哪里来它应该是这样的:

$(".bullets li a").click(function(){
    var myIndex = $(this).parent().index();
    console.log(myIndex);
    showPic(myIndex);
});

Answer 2

$(".bullets li a").click(function(){

   var myIndex = $(this).parent().prevAll().length;
   showPic(myIndex);

});

注意:prevAll().length会给你一个从零开始的索引; 第一项将是0(零).