Javascript 如果其子div不'；不要包含孩子

如果

product

div不包含child，我想隐藏

category

div

这是我的

HTML

<div class="fieldset categories">
  <h3>1) Category #3</h3>
  <div class="products">
    <div id="product_2509" class="product">
      <div class="show">
        <label> XYZ </label>
        <p> Price: <strong> $50 </strong></p>
      </div>
    </div>
  </div>
</div>

<div class="fieldset categories">
  <h3>2) Category #4</h3>
  <div class="products">
    <div id="product_2510" class="product">
      <div class="show">
        <label> XYZ </label>
        <p> Price: <strong> $50 </strong></p>
      </div>
    </div>
    <div id="product_2511" class="product">

    </div>
  </div>
</div>

<div class="fieldset categories">
  <h3>3) Category #5</h3>
  <div class="products">
    <div id="product_2512" class="product">

    </div>
    <div id="product_2515" class="product">

    </div>
  </div>
</div>

<div class="fieldset categories">
  <h3>4) Category #6</h3>
  <div class="products">
    <div id="product_2512" class="product">

    </div>
  </div>
</div>

1） 类别#3
XYZ
价格：50美元

2） 类别#4
XYZ
价格：50美元

3） 类别#5
4） 第6类

如果

.product

div不包含任何子项，那么我需要隐藏

字段集类别

div。 但是，字段集“categories”的任何

.product

都包含child，然后我需要显示父div。 在上述示例中：

我需要隐藏的Div（所有

.product

不包含子项）

1） 类别#5

2） 第6类

我需要显示的Div（任何

.product

包含子项）

1） 类别#3

2） 类别#4（因为1个子项包含子项）

}))

或

---

如果您能看到您迄今为止所做的尝试，我们将乐于提供帮助。您是否检查了类别4，该类别不应隐藏，因为它的第一个孩子有孩子。

$(function(){
$(".product").each(function(){
    if($(this).children().length==0)
    {
        $(this).parents(".categories").hide();
    }
});

$('.categories').hide();
$(function(){
$(".product").each(function(){
    $(this).children('.show').parents('.categories').show();
});
});

$('.categories').hide();
$(function(){
$(".show").each(function(){
    $(this).parents('.categories').show();
});
});