Alex Rivera | Logout

Get parent index with jQuery

Asked 2009-08-20T14:16:45.680
25
<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>

When I click on the <a> element, i'd like to get it's parent <li>'s index number.

I'm trying to create a carrousel type function that doesn't need item-n classes on the list items.

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

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

});

Thanks for any help.

TD.

javascript jquery xhtml
Edit
Report

2 Answers

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

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

});

Note: prevAll().length will give you a zero-based index; the first item will be 0 (zero).

answered 2009-08-20T14:23:21.397
1
$(".bullets li a").click(function(){
   var me = $(this);
   var myIndex = $.each($("li", $(this).parent().parent()), function(i, item){
      if(item == me){
      showPic(i);
   });
});
answered 2009-08-20T14:28:18.347

Your Answer