我有一种情况,我想查找具有特定类的所有元素,然后将父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.