我有一种情况,我想查找具有特定类的所有元素,然后将父div的padding-bottom值设置为其当前填充底值和与选择器匹配的原始div的高度之和。 。

所以说我有一个这样的结构:

<div class='A'>
    <div class='B'>
        <div class='C'>
            .........
        </div>
        <div class='D'>
            .........
        </div>
    </div>
    <div class='B'>
        <div class='C'>
            .........
        </div>
    </div>
    <div class='B'>
        <div class='C'>
            .........
        </div>
    </div>
    <div class='B'>
        <div class='D'>
            .........
        </div>
    </div>
</div>


我想找到所有D类对象,然后将其容器类B的padding bottom值设置为所讨论的D类对象的高度,以及B类对象当前具有的填充底值。 。


请注意,所有D类对象的高度都不同。
每个B类对象最多只能有1个D类对象
每个B类对象最多只能有1个C类对象


我需要做些什么jQuery?

最佳答案

尝试这个:

$('.D').each(function(){
   $(this).parent().css("paddingBottom", "+=" + $(this).height() +"px");
});


Demo.

10-07 13:45
查看更多