如果 2 个特定 children 为空，则隐藏 Parent

Question

我正在做一个项目，我想隐藏 Parent 如果 2 children 是空的（child 1 是空的并且 child 2 为空）。
有人可以帮忙吗？我让代码使用 强调文本

jQuery('.parent') // Je cheche le mot parent
    .hide() // Cache le 
    .find(' (div.child1, div.child2):not(:empty)') // si le dic est 
    .each(function() { 
    jQuery(this).parent().show(); 
    return false; 
  })
;

<div class="parent  ">
    <div class="col-10 "></div>                                            
    <div class="col-10 "></div></div>
    <div class=" ">:</div></div>
    <div class=" child1"></div>
    <div class=" child2"></div>                  
</div>
<div class="parent ">
    <div class=" "></div>                                             
    <div class=" "> :</div>
    <div class=" "> :</div>
    <div class=" child1"></div>
    <div class=" child2"></div>                      
</div>

Answer 1

您可以使用 each 循环，然后使用 text() 比较 divs 的值，看看它是否 "" 如果是，则隐藏该父级 div 。

演示代码 :

$(".parent").each(function() {
  //use || if anyonecan be empty
  if (($(this).find(".child1").text().trim() == "") && ($(this).find(".child2").text().trim() == "")) {
    $(this).hide()
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent">
  <div class="col-10 "></div>
  <div class="col-10 "></div>
  <div class=" ">:1</div>
  <div class="child1"></div>
  <div class="child2"></div>
</div>
<div class="parent">
  <div class=" "></div>
  <div class=" "> :2</div>
  <div class=" "> :2</div>
  <div class="child1"></div>
  <div class="child2"></div>
</div>
<div class="parent">
  <div class=" "></div>
  <div class=" "> :</div>
  <div class=" "> :</div>
  <div class="child1">3</div>
  <div class="child2">3</div>
</div>

如果 2 个特定 children 为空，则隐藏 Parent

Hide Parent if 2 specific children are empty

javascript

jquery

parent

hide