得到父母的兄弟姐妹號碼去了它的孩子被點擊

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