如果 div 中不包含表格，如何隐藏它

Question

我有一个像这样的 div：

<div class="EventsRollup">
    <span class="EventsRollupTitle">Health Lecture Events</span>
    <!--this is where a table would be dynamically inserted by sharepoint 
        based on some filter, if filter is true, a tabel will get in there, 
        else not-->
</div>

使用 jQuery，如果没有插入 table，如何隐藏整个 div 因为 div< /code> 有背景色，空背景色显示没有 table 内容？

Answer 1

$('.EventsRollup').not(':has(table)').hide();

或者

$('.EventsRollup:not(:has(table))').hide();

Answer 2

if ($('.EventsRollup').find('table').length === 0) {
    $('.EventsRollup').hide();
}

这假设只有一个 .EventsRollup...如果有更多，您可以使用循环...

$('.EventsRollup').each(function() {
    $this = $(this);
    if ($this.find('table').length === 0) {
        $this.hide();
    }
});

Answer 3

jQuery( ".EventsRollup").filter( function(){
return !this.getElementsByTagName("table").length;
}).hide();