Comment retourner la commande qu'un article apparaît dans une liste dans jQuery?

Question

J'essaie de trouver comment trouver un article dans une liste. Par exemple:

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

Si je cliquais sur l'élément 2, je souhaiterais recevoir '2'. Est-ce possible?

Answer 1

Il est possible à l'aide jquery's index.

EDIT:

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

et js,

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

cela devrait faire ce que vous avez besoin.

espérons que cela aide, Sinan.

Answer 2

Code Pseudo

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

    el.ClickEvent(function() { 

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

    }); 
}); 

Quelque chose comme ça de toute façon, désolé n'a pas eu le temps d'obtenir le point de syntaxe sur

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

vous pouvez leur attribuer des ID comme

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

alors:

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

ou sans ID comme dit Sinan:

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

+1 parce que l'indexation commence à partir de 0

Answer 5

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

Vous devez donner le ul que vous voulez faire cela sur une carte d'identité - sinon il retourne l'index de la li en termes de tous les li s au sein ul s, ce qui est pas ce que vous voulez.