我正在尝试根据兄弟姐妹的最高版本在h3上设置高度。这一点不太棘手。但是我需要做的是仅由某些同胞创建它。
我有一个CSS放入行3的列表。每行的最后一个li具有“ endRow”类。我认为我需要做的是找到“ endRow”,然后使用each()并返回两个元素并检查h3的高度。有人知道这样做的简单方法吗?
钽
更新资料
这是标记的示例。每个h3的高度都不相等,只是每一行
<ul>
<li>
<a href="#"><img src="images/x.jpg" alt=""></a>
<h3><a href="#">Item 1</a></h3>
<div class="productOptions">
<p>Info</p>
<p>More info</p>
<p>Even more info</p>
</div>
</li>
<li>
<a href="#"><img src="images/x.jpg" alt=""></a>
<h3><a href="#">Item 2</a></h3>
<div class="productOptions">
<p>Info</p>
<p>More info</p>
<p>Even more info</p>
</div>
</li>
<li class="endrow">
<a href="#"><img src="images/x.jpg" alt=""></a>
<h3><a href="#">Item 3</a></h3>
<div class="productOptions">
<p>Info</p>
<p>More info</p>
<p>Even more info</p>
</div>
</li>
<li>
<a href="#"><img src="images/x.jpg" alt=""></a>
<h3><a href="#">Item 1</a></h3>
<div class="productOptions">
<p>Info</p>
<p>More info</p>
<p>Even more info</p>
</div>
</li>
<li>
<a href="#"><img src="images/x.jpg" alt=""></a>
<h3><a href="#">Item 1</a></h3>
<div class="productOptions">
<p>Info</p>
<p>More info</p>
<p>Even more info</p>
</div>
</li>
<li class="endrow">
<a href="#"><img src="images/x.jpg" alt=""></a>
<h3><a href="#">Item 1</a></h3>
<div class="productOptions">
<p>Info</p>
<p>More info</p>
<p>Even more info</p>
</div>
</li>
最佳答案
.map()
的jQuery文档有一个演示(最后一个),该演示很好地起作用:
$.fn.equalizeHeights = function(){
return this.height( Math.max.apply(this, $(this).map(function(i,e){ return $(e).height() }).get() ))
}