Javascript jQuery:如果父div包含空的子范围,则将该类添加到父div
我正在尝试将一个类“.is empty”添加到我的div.additional-property中,如果它包含一个空范围。在本例中,第一个范围为空,第二个范围包含值。如果其中一个跨度为空,则应隐藏整个图元 HTML:Javascript jQuery:如果父div包含空的子范围,则将该类添加到父div,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我正在尝试将一个类“.is empty”添加到我的div.additional-property中,如果它包含一个空范围。在本例中,第一个范围为空,第二个范围包含值。如果其中一个跨度为空,则应隐藏整个图元 HTML: <div class="widget widget-grid widget-two-col row desc-ean additional-property"> <div class="widget-inner col-xl-6
<div class="widget widget-grid widget-two-col row desc-ean additional-property">
<div class="widget-inner col-xl-6 widget-prop-xl-3-1 col-lg-6 widget-prop-lg-3-1 col-md-6 widget-prop-md-3-1 col-sm-12 widget-prop-sm-3-1 widget-stacked-mobile col-12 widget-prop-3-1 widget-stacked-mobile">
<div>
<div class="widget widget-text widget-none test">
<div class="widget-inner bg-appearance">
<p><span></span> <br></p>
</div>
</div>
</div>
</div>
<div class="widget-inner col-xl-6 widget-prop-xl-3-1 col-lg-6 widget-prop-lg-3-1 col-md-6 widget-prop-md-3-1 col-sm-12 widget-prop-sm-3-1 col-12 widget-prop-3-1">
<div>
<div class="widget widget-text widget-none desc-ean__code">
<div class="widget-inner bg-appearance">
<p><span>408</span> mm<br></p>
</div>
</div>
</div>
</div>
</div>
408毫米
我很想使用jQuery,但我现在完全在挣扎
感谢您的帮助
$(".additional-property span").each(function(){
if($(this).html().trim()==""){
$(this).closest(".additional-property").addClass("is-empty");
}
});
此JQuery代码循环遍历带有class.additional属性的div中的所有跨度,检查跨度是否为空,如果为空,则将class.is空添加到带有class.additional属性的相应父div中。- 首先使用Jquery
函数检查每个
下的每个span。附加属性
- 使用
功能检查每个档位是否为空trim
- 使用
将parent()
为空的类添加到最近的div
$(“.additional property span”).each(function(){
如果($(this.html().trim()==“”){
$(this.parent().addClass(“为空”);
}
});代码>
为空{color:red;}
408毫米
嗨!请拿着(你得到了一枚徽章!)通读一下,尤其是你最好的选择是做你的研究,做相关的主题,然后试一试。如果你在做了更多的研究和搜索后陷入困境,无法摆脱困境,请发布一份你的尝试,并明确指出你陷入困境的地方。人们会很乐意提供帮助。如果你还没有学会JavaScript,我会开始学习(免费,侧面有广告)或(免费,没有广告,技术性更强)。你可能应该包括你的代码到底做了什么,以便更有可能获得投票/被接受的答案