javascript - 获取 parent 的 sibling 号码去它的 child 被点击

Question

这是我的 HTML，点击标签时我想知道它的 <li> 是什么 sibling 号是。请给我建议。

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