在div中获取div的顺序

Question

我有一个列表,DIV是一个DIV类似于下面的容器.

  <div id="ChainLinkList">
  <div class="chainSelect" id="L2176">jj</div>
  <div class="chainSelect" id="L2171">suby 3</div>
  <div class="chainSelect" id="L2170">suby 2</div>
  <div class="chainSelect" id="L2167">submenu</div>
  </div>

我希望DIV在点击时获得特定的顺序.我尝试了以下内容

   $(".chainSelect").live("click", function() {
   var index = $(this).parent().index(".chainSelect");
   alert(index);
   .....

也

   $(".chainSelect").live("click", function() {
   var index = $('#ChainLinkList').parent().index(".chainSelect");
   alert(index);
   .....

但我似乎得到了-1

Answer 1

您可以调用$(this).index();以获取其父项内所单击项目的索引:

$(".chainSelect").live("click", function() {
   var index = $(this).index();
   alert(index);
});?

http://jsfiddle.net/5ShLs/