Как скрыть DIV, если она не содержит таблицу внутри нее

У меня есть div вроде этого:Как скрыть 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, как я могу скрыть весь div если не table не был включен, потому что div имеет цвет фона, а пустой цвет фона отображается без содержимого table?

источник

2011-12-22 Anju Thapa

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

или

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

источник

2011-12-22 16:01:36

он работает, но он отображает div как быстро, а затем скрывает его, делая страницу вспышкой .. как это предотвратить? –

@AnjuThapa, просто скрыть его по умолчанию с помощью CSS. 'display: none;' –

@AnjuThapa: Xeon06 является правильным. Вам лучше скрыть все элементы '.EventsRollup' в CSS, а затем показать те, у которых * есть * таблица. '$ ('. EventsRollup'). Has ('table'). Show()' или '$ ('. EventsRollup: has (table)'). Show()' –

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

Это предполагает, что есть только один .EventsRollup ... Если есть больше, вы можете использовать цикл ...

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

источник

2011-12-22 15:58:58 jondavidjohn

OP хочет скрыть его, если он * не содержит таблицу. Вы не хотите '==' вместо '>'? –

@ Xeon06 прямо сейчас, пропустил это спасибо. – jondavidjohn

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

источник

2011-12-22 16:00:50 Esailija

Как скрыть DIV, если она не содержит таблицу внутри нее

ответ

Смежные вопросы