Javascript 如果不存在任何内容，则在引导中隐藏选项卡

我试过使用，但我不能让它为我工作。当我使用这个脚本时，无论是否有“p”标记，它都会隐藏选项卡。我做错了什么

<div id="product-tabs">
<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="active"><a href="#tab1" role="tab" data-content-id="tab1" data-toggle="tab">Description</a><div class="active-border"></div></li>
    <li class="border-none"><a href="#tab2" role="tab" data-content-id="tab2" data-toggle="tab">Features &amp; Specs</a><div class="active-border"></div></li>
    <li><a href="#tab3" role="tab" data-toggle="tab" data-content-id="tab3" class="warranty-tab">Warranty</a><div class="active-border"></div></li>
        <li class="reviews-tab"><a href="#tab4" role="tab" data-content-id="tab4" data-toggle="tab">Expert Reviews</a><div class="active-border"></div></li>

  <div class="clear"></div>



</ul>


<!-- Tab panes -->
  <div class="tab-content">
  <div class="tab-pane fade in active" id="tab1">
    <div id="product-description" class="rte">

      <div class="">{{ product.description }}</div>
      <div class="">{{ product.metafields.custom_fields.ProductFeatures }}</div>
    </div>
  </div>
  <div class="tab-pane fade" id="tab2">
    <div id="product-description" class="rte">
      {{ product.metafields.custom_fields.ProductMoreInfo }}
    </div>
  </div>
  <div class="tab-pane fade" id="tab3">
    <div id="product-description" class="rte">
      {{ product.metafields.custom_fields.Warrantee }}
    </div>
  </div>
    <div class="tab-pane fade" id="tab4">
    <div id="product-description" class="rte">
      {{ product.metafields.custom_fields.ExpertReviews }}
    </div>
  </div> 

{{product.description}}
{{product.metafields.custom_fields.ProductFeatures}
{{product.metafields.custom_fields.ProductMoreInfo}
{{product.metafields.custom_fields.warransee}}
{{product.metafields.custom_fields.ExpertReviews}

这是我从另一个线程借用并根据需要修改的脚本。任何帮助都将不胜感激

  <script>
// for each tab link
$('li.reviews-tab a').each(function() {
// does it's related div (by content id) not have a p element?
if ($('#tab4' + $(this).data('content-id') + ' > p').length == 0) {
    // if not, find the link's parent li element and hide it
    $(this).parent('li.reviews-tab').hide();
}
});
    </script>

//对于每个选项卡链接
$（'li.reviews-tab a'）。每个（函数（）{
//它的相关div（按内容id）是否没有p元素？
if（$（'#tab4'+$（this）.data（'content-id'）+'>p'）。length==0）{
//如果没有，请找到链接的父li元素并将其隐藏
$（this.parent（'li.reviews选项卡'）.hide（）；
}
});

如果我正确理解javascript的注释，您将需要类似的内容

// for each tab link
$('#product-tabs a').each(function() {

    // does it's related div (by content id) not have a p element?
    if ($('#' + $(this).data('content-id')).has('p').length == 0) {

        // if not, find the link's parent li element and hide it
        $(this).closest('li').hide();
    }
});