Javascript 获取父项';s的兄弟姐妹号消失了,它的孩子被点击了

Javascript 获取父项';s的兄弟姐妹号消失了,它的孩子被点击了,javascript,jquery,Javascript,Jquery,这是我的HTML,当标签被点击时,我想知道它的兄弟姐妹号是多少。请给我一些建议 <div id="tabs"> <ul> <li class="select" ><a href="#" id="tabHotel">Hotel</a></li> <li ><a href="#" id="tabAirfare">Airfare</a>

这是我的HTML,当标签被点击时,我想知道它的兄弟姐妹号是多少。请给我一些建议

 <div id="tabs">
       <ul>
           <li class="select" ><a href="#" id="tabHotel">Hotel</a></li>
           <li ><a href="#" id="tabAirfare">Airfare</a></li>
           <li ><a href="#" id="tabPackage">Package</a></li>
       </ul>
  </div>
我相信您可以使用jQuery的方法来实现这一点

index()-如果未向.index()方法传递任何参数,则返回值为 一个整数,指示第一个元素在 相对于其同级元素的jQuery对象

如果对元素集合和DOM元素调用.index(),或 传入jQuery对象,.index()返回一个整数,指示 传递的元素相对于原始集合的位置


对于技术编号(第一个等于0),您将使用:

$('li').on('click', function(){
   console.log($(this).index());
});
对于文本数(第一个元素等于1),您只需向索引中添加一个:

$('li').on('click', function(){
   console.log($(this).index()+1);
});
我相信您可以使用jQuery的方法来实现这一点

index()-如果未向.index()方法传递任何参数,则返回值为 一个整数,指示第一个元素在 相对于其同级元素的jQuery对象

如果对元素集合和DOM元素调用.index(),或 传入jQuery对象,.index()返回一个整数,指示 传递的元素相对于原始集合的位置


对于技术编号(第一个等于0),您将使用:

$('li').on('click', function(){
   console.log($(this).index());
});
对于文本数(第一个元素等于1),您只需向索引中添加一个:

$('li').on('click', function(){
   console.log($(this).index()+1);
});
你可以用

就你而言:

tabSelector($(this).index() + 1 );
演示:

您可以使用

就你而言:

tabSelector($(this).index() + 1 );
演示:


要获得准确的数字,您需要在索引中添加1。请试试下面的一个

$("#tabs").on("click", "li", function(){
       alert($(this).index()+1)
    })

要获得准确的数字,您需要在索引中添加1。请试试下面的一个

$("#tabs").on("click", "li", function(){
       alert($(this).index()+1)
    })
由于$(this).index()从0中给出值,我们需要将1添加到返回值以获得精确值,因为$(this).index()从0中给出值,我们需要将1添加到返回值以获得精确值