得到父母的兄弟姐妹号码去了它的孩子被点击

Question

这是我的HTML和当标签是点击我想知道它的<li>兄弟姐妹号码是什么。请给我建议。

<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> 

这里是我的javascript。

// I don't want to input 1 in the function tabSelector 
// I want to get parent's sibling value automatic and 
// change somthing in li class. 

$('#tabHotel').click(function(){ 
    tabSelector(1); 
}); 

Answer 1

你可以使用index()。

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

你的情况

：

tabSelector($(this).index() + 1); 

演示：

http://jsfiddle.net/P3KjZ/1/

Answer 2

您可以使用jQuery的index()方法来实现这一点我相信。

指数（） - 如果没有参数被传递给的.index（）的方法，所述返回值是 的整数，指示在第一元件的 jQuery对象相对于其兄弟元素内的位置。

如果的.index（）被调用上的元件的集合和一个DOM元素或 jQuery对象中传递，的.index（）返回一个整数，表示传递元件相对于的 位置向原始集合

Here's a jsFiddle example.

---

对于技术数（第一个是等于0）你会使用：

$('li').on('click', function(){ 
    console.log($(this).index()); 
}); 

对于文字数（第一个元素是等于一）你只需要添加一个替代指标：

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

Answer 3

，让你将需要1添加到索引确切的数字。请尝试下面的一个

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