標簽為空時如何隱藏？

Question

我想創建一個 function ，如果它是空的，我將能夠根據標簽的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>