Jquery 简单问题

Question

<div id="J_CategoryTab">
<ul>
<li></ li>
<li></ li>
<li></ li>
</ul>
  $("#J_CategoryTab li").mouseover(function (event) {                 $("#J_CategoryTab li").removeClass("selected");
                 $(this).addClass("selected");
      //请问如何获取ul中第几个li触发的索引
             });//请问如何获取ul中第几个li触发的索引

Answer 1

请问如何知道是ul中第几个li触发的

Answer 2

可以在li上加个属性，如<div id="J_CategoryTab">
<ul>
<li index="0"></ li>
<li index="1"></ li>
<li index="2"></ li>
</ul>然后  $("#J_CategoryTab li").mouseover(function (event) {                 $("#J_CategoryTab li").removeClass("selected");
                 $(this).addClass("selected");
      //请问如何获取ul中第几个li触发的索引
                   var index=$(this).attr("index");//得到索引
             });

Answer 3

  
$("#J_CategoryTab").find('li').each(function(){
  $(this).mouseOver(function(){
       $(this).siblings().removeClass('selected');
   $(this).addClass('selected');
//alert($(this).index()); 这个获得索引
})
})

Answer 4

$("#J_CategoryTab").find('li').each(function(i) {
                $(this).mouseover(function() {
                    $(this).siblings().removeClass('selected');
                    $(this).addClass('selected');
                    alert(i.toString()); //i就是你当前的索引    
                })
            })

Answer 5

$("#J_CategoryTab").find('li').each(function(i) {
                $(this).mouseover(function() {
                    $(this).siblings().removeClass('selected');
                    $(this).addClass('selected');
                    alert(i.toString()); //i就是你当前的索引    
                })
            })

Answer 6

$("#J_CategoryTab li").each(function(index){
$(this).mouseover(function(){
   alert("index:"+index); 
});
});

Answer 7

试试这个：var index = $(this).prevAll().length;