jQuery .each 和 div 的高度

Question

我有这样的结构：

<div class="a">
  <div class="b"></div>
  <div class="b"></div>
 <div class="b"></div>
 <div class="b"></div>
</div>
<div class="a">
  <div class="b"></div>
  <div class="b"></div>
</div>
<div class="a">
  <div class="b"></div>
  <div class="b"></div>
  <div class="b"></div>
</div>

我想在每个设置为a的div中找到class设置为b的最高div，并在alert中显示？

Answer 1

您可以使用.map() 生成一个包含每个匹配元素高度的jQuery 对象（在这种情况下它实际上是一个数字数组）。然后，您可以将该数组applyMath.max 确定其中的最大值：

var maxHeight = Math.max.apply(Math, ​$(".b").map(function () {
    return $(this).height(); 
}));

这是working example。

---

更新（这个应该完全按照您在问题中指定的行为）

$("div.a").each(function () {
    alert(Math.max.apply(Math, ​$("div.b", this).map(function () {
        return $(this).height(); 
    })));
});

这是另一个working example。

Answer 2

$('.a').each(function() {
    var maxHeight = 0;
    $('.b', this).each(function() {
        if($(this).height() > maxHeight) {
         maxHeight = $(this).height();  
        }
    });
    alert(maxHeight);
});