如何在jQuery中返回項目出現在列表中的訂單？

Question

我想了解如何找到項目出現在列表中的位置。例如：

<ul> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
</ul> 

如果我點擊第2項，我想要接收'2'。這可能嗎？

Answer 1

這是可能的語法點。

編輯：

<ul id="my_list"> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
</ul> 

和JS，

var $my_list = $('#my_list'); 
$my_list.find('li').click(function(){ 
    var index = $('ul#my_list li').index(this); 
    alert(index); 
}); 

這應該做您的需要。希望它有幫助，思南。

Answer 2

僞代碼

$('ul > li').each(function(el) { 

    el.ClickEvent(function() { 

     alert(el.preceding-siblings.count() + 1); 

    }); 
}); 

類似的東西反正遺憾沒來得及使用jquery's index來獲得

Answer 3

okie i have edited my answer do this 

$(function() 
{ 
    var _item=1; 
    $('ul li').each(function(){ 
    var _elm=$(this).attr('_elm',_item); 
    }).bind('click',_handle); 
    _item++; 
}); 

function _myClick(e) 
{ 
    var _yourValue=$(e.target).attr('_elm'); 
    //this is the value u were looking for 
} 

Answer 4

，你可以將它們分配ID，如

<ul> 
    <li id="1">item 1</li> 
    <li id="2">item 2</li> 
    <li id="3">item 3</li> 
</ul> 

則：

$("li").live('click', function(){ 
alert($(this).attr("id")); 
} 

或沒有ID作爲思南說：

$("li").live('click', function(){ 
    alert($("li").index(this) + 1); 
    } 

1，因爲索引從0

Answer 5

開始

$("ul#your_ul li").click(function() { 
    // this is the dom element clicked 
    var index = $("ul#your_ul li").index(this) + 1; 
}); 

你需要給你ul要做到這一點對一個ID - 否則它會在所有li S的職責範圍內ul迴歸的li的指標，這是不是你想要的。