当选项卡为空时，如何隐藏它们？

Question

我想创建一个函数，根据选项卡的content-id，如果选项卡为空，我可以在其中隐藏它。

​

$(function() {
  $('.bdt-switcher-item-content').children().each(function() {
    if ($(this div).is(':empty'))
      $('div[content-id="' + $(this).attr('content-id') + '"]').hide();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bdt-switcher-wrapper">
  <div id="bdt-tab-content-a49ef84" class="bdt-switcher bdt-switcher-item-content">
    <div content-id="tab-1" class="">
      <div></div>
    </div>
    <div content-id="tab-2" class="bdt-active">
      <div>I am tab #2 content</div>
    </div>
    <div content-id="tab-3" class="">
      <div> I am tab #3 content.</div>
    </div>
  </div>
</div>

​

Answer 1

我认为你错了：

$(this div)

请看我的例子，你必须声明你想要的东西，所以在这个例子中"div“在使用它之前。工作示例：

​

$(function() {
  $('.bdt-switcher-item-content').children().each(function() {
    if ($("div",this).is(':empty'))
      $('div[content-id="' + $(this).attr('content-id') + '"]').hide();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bdt-switcher-wrapper">
  <div id="bdt-tab-content-a49ef84" class="bdt-switcher bdt-switcher-item-content">
    <div content-id="tab-1" class="">
      <div></div>
    </div>
    <div content-id="tab-2" class="bdt-active">
      <div>I am tab #2 content</div>
    </div>
    <div content-id="tab-3" class="">
      <div> I am tab #3 content.</div>
    </div>
  </div>
</div>

​