Tìm li nhấp số

Question

Tôi có một danh sách tiêu chuẩn ...

 <ul> 
      <li><a href="#">blah 1</a></li> 
      <li><a href="#">blah 2</a></li> 
      <li><a href="#">blah 3</a></li> 
      <li><a href="#">blah 4</a></li> 
     </ul> 

Và jQuery tôi:

$('ul li a').live('click', function() { 
    var parent = $(this).parent('li'); 
}); 

Những gì tôi muốn tìm hiểu vị trí li của cha mẹ trong danh sách là nhấp vào liên kết ví dụ nhấp vào blah 3 sẽ cho tôi 2, blah 4 sẽ cho 3, v.v.

Bất kỳ ý tưởng nào?

Answer 1

$('ul li a').live('click', function() { 
    console.log($(this).parent('li').index()); 
}); 

Sẽ cung cấp cho bạn những gì bạn muốn, nhưng hãy nhớ đây là những chỉ số 0 dựa - tức là chi tiết đơn hàng đầu tiên là chỉ số 0, mục dòng cuối cùng là 3.

jQuery index() method documentation

Answer 2

Phương thức index nên làm những gì bạn muốn.

Answer 3

$(function() { 
    $('ul li a').live('click', function() { 
     var parent = $(this).parent('li'); 
     alert(parent.prevAll('li').size()); 
    }); 
}); 

Answer 4

bạn có thể lấy chỉ số của một phần tử với jquery`s index

$('ul li a').live('click', function() 
{ 
    var index = $(this).index(); 
});  

Answer 5

Không cần phải jQueryfy điều này:

$('ul li a').live('click', function() { 
    var position = 0; 
    var currentNode = this; 
    var firstNode = currentNode.parentNode.firstChild; 
    while(firstNode != currentNode) { 
     position++; 
     currentNode = currentNode.previousSibling; 
    } 
    alert(position); 
}); 

Answer 6

Tôi biết đây là một bài đăng cũ, nhưng .live hiện không còn được dùng trong jQuery 1.7 và bị loại bỏ trong jQuery 1.9.

Cách khác là sử dụng .delegate:

$('ul li').delegate('a','click', function() { 

    alert($(this).parent('li').index()); 

});