javascript - 如何根据 sibling 之间的排序元素查找索引。？

Question

<div id="container">
  <div class="aa"></div>
  <div class="bb"></div>
  <div class="aa"></div>
  <div class="bb"></div>
  <div class="bb"></div>
  <div class="bb"></div>
  <div class="bb"></div>
</div>

我只需要在循环时根据特定类找到元素的索引。

普通索引会给出元素在 sibling 中的索引号:。我只想考虑具有相同类别的 sibling ，并根据排序的 sibling 给出索引。

$("#container div").each(function(){

    if($(this).hasClass('bb')){
        var index = $(this).index();
            //will give me 1,3,4,5 etc

        //I want 0,1,2 etc ie: list the index based on class 

      }
    if($(this).hasClass('aa')){
           var index = $(this).index();

            //will give me 0 , 2
      //I want 0,1 etc ie: list the index based on class 
      }

})

Answer 1

对于 .index()，您可以将选择器作为参数传递(例如 '.bb')。

您可以在 online documentation 中找到.

If a selector string is passed as an argument, .index() returns an integer indicating the position of the original element relative to the elements matched by the selector. If the element is not found, .index() will return -1.

所以你可以这样做:

$("#container div").each(function(i){

    if($(this).hasClass('bb')){
        var index = $(this).index('.bb');
    }
    else if($(this).hasClass('aa')){
        var index = $(this).index('.aa');
    }

});

jsFiddle Demo