javascript - get parent's siblings number went its child was click -

here html , when tag click want know <li> siblings number was. please advice me please.

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

and here javascript.

// don't want input 1 in function tabselector  // want parent's sibling value automatic ,  // change somthing in li class.  $('#tabhotel').click(function(){     tabselector(1); }); 

you use index().

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

in case:

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

demo:

http://jsfiddle.net/p3kjz/1/