Question

这个动态内容可以是不同的高度，不同的段落。

我想让所有这些高度等于最大内容高度。

    <ul class="parent">
    <li class="child"> dynamic content</li>
    <li class="child"> dynamic content</li>
    <li class="child"> dynamic content</li>
    </ul>

// this height could be different

    <ul class="parent">
    <li class="child"> dynamic content</li>
    <li class="child"> dynamic content</li>
    </ul>
// and this too.

我写了如下代码。但该代码会影响所有孩子。你能给我任何建议吗？

var maxHeight = 0;
$(document).ready(function () {
    $(".whiteModelContainer").find(".whiteModel").each(function () {

            maxHeight = $(this).height()>maxHeight? $(this).height() : maxHeight;
    });
    $(".whiteModelContainer").find(".whiteModel").height(maxHeight);
});

它已经解决了。谢谢Barmar

抱歉我的英语不好。

Answer 1

您需要循环访问父项，为每个父项重置maxHeight至0，然后循环其中的子项以计算最大值。然后你想设置所有这些孩子的身高。

$(".parent").each(function() {
    var maxHeight = 0;
    $(".child", this).each(function() {
        maxHeight = Math.max(maxHeight, $(this).height());
    }).height(maxHeight);
});

Jquery每个元素循环只在父dom内部

1 个答案: