Javascript jQuery:如果父div包含空的子范围,则将该类添加到父div

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

我正在尝试将一个类“.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 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,我会开始学习(免费,侧面有广告)或(免费,没有广告,技术性更强)。你可能应该包括你的代码到底做了什么,以便更有可能获得投票/被接受的答案