如何隱藏某個類沒有下一個元素的元素？

Question

我有以下的html，我想隱藏所有lsHeader，它沒有與jquery類聯繫的下一個元素。

<div id="B" class="lsHeader">B</div> 
    <div id="contact_1" class="contact"> B.Contact1</b/> 
    <div id="contact_2" class="contact"> B.Contact2</b/> 
    <div id="contact_3" class="contact"> B.Contact3</b/> 
    <div id="contact_4" class="contact"> B.Contact4</b/> 
    <div id="contact_5" class="contact"> B.Contact5</b/> 
<div id="C" class="lsHeader">C</div> 
    <div id="contact_6" class="contact"> C.Contact6</b/> 
    <div id="contact_7" class="contact"> C.Contact7</b/> 
    <div id="contact_8" class="contact"> C.Contact8</b/> 
    <div id="contact_9" class="contact"> C.Contact9</b/> 
    <div id="contact_10" class="contact"> C.Contact10</b/> 
<div id="D" class="lsHeader">D</div> 
<div id="F" class="lsHeader">F</div> 

注意

lsHeader一直沒有孩子，我想基於未來元素進行檢查。

Answer 1

這個怎麼樣：

$(".lsHeader").each(function() { 
    if (!$(this).next().is("div.contact")) { 
     $(this).hide(); 
    } 
}); 

根據您的具體需求，您可能希望接下來nextAll更換。

Answer 2

您是否生成（X）HTML？如果是的話：

<style>.IsHeader.empty {display: none;}</style> 
<div id="D" class="lsHeader empty">D</div>