jQuery：以前的班级名称儿童

Question

我试图让ul元素中的所有以前的孩子都拥有相同的班级名称，而不是“active”元素。

HTML例如：

<ul class="board-album"> 
    <li class="album-item item-left"></li> 
    <li class="album-item item-right"></li> 
    <li class="album-item item-left"></li> 
    <li class="album-item item-right"></li> 
    <li class="album-item item-left"></li> 
    <li class="album-item item-right"></li> 
    <li class="album-item item-left"></li> 
    <li class="album-item item-right"></li> 
</ul> 

所以我需要用类来获得高度关之前的儿童“项目左”，然后高度关“项目 - 右”。

jQuery的例子：

$('.item-left').each(function(){ 
    $(this).prevAll().outerHeight(); 
}); 

我也做了一个JSFiddle显示类似我的问题的东西，但事情是，这将是与li元素内的图像，这样的高度会有所不同。

如果有什么不清楚的地方，请告诉我。

例子： 最后item-left只能得到每一个以前儿童相同的类名和同为item-right

Answer 1

组合的高度。如果我理解正确的话，你只是想知道在一个先前元素的高度的列，对吗？我点击时不知道这是不是你想要的。您可以将其粘贴到小提琴中，然后单击其中一个项目。

请记住，它仍然会计算那些绝对定位的元素。

$('.album-item').click(function(){ 
     selector = '.'+this.className.match(/item-[A-z]*/)[0] 
     height = 0 
     $(this).prevAll(selector).each(function(){ 
      height+=$(this).outerHeight() 
      } 
     ) 
     alert(height) 
     } 
    )