को छिपाने के लिए कैसे/निकालें एक DIV खाली

Question

मैं कुछ सर्वर साइड HTML आउटपुट मैं शुद्ध सीएसएस का उपयोग कर के साथ सौदा नहीं कर सकते जब, अनिवार्य रूप से DIV कभी कभी रखती है:

<div><span>Content</span></div> 

या

<div><p>Content</p></div> 

या

<div>Content</div> 

या

<div> </div> 

जब DIV == <div> </div> मैं इसे हटाना चाहता हूं।

कोई विचार?

Answer 1

और भी बेहतर (jQuery कल्पना करते हुए):

$(document).ready(function() { $('div:empty').remove(); }); 

संपादित करें: अन्य उत्तर अच्छे हैं, लेकिन ओ पी खाली आइटम को हटाने के लिए, यह छिपा नहीं चाहता था।

Answer 2

मुझे लगता है कि आप निम्न कर सकते हैं:

$(function() { 
    $("div:empty").hide(); 
}); 

jQuery के empty छद्म चयनकर्ता महान है।

Answer 3

तुम भी सीएसएस-केवल का उपयोग करें, इस का समाधान कर सकते हैं सामग्री के आसपास style="empty-cells:hide" के साथ एक मेज डाल, और एक td को div बदल रहा, इस तरह:

से पहले:

<div>Content</div>

के बाद:

<table style="empty-cells:hide"><tr><td>Content</td></tr></table>

Answer 4

आप इस का उपयोग करते हुए केवल सीएसएस कर सकते हैं:

div:empty { display: none } 

Answer 5

यहाँ एक और आसान तरीका है ... फिल्टर() का उपयोग कर ...

$('div').filter(function() { 

    return $.trim($(this).text()) === '' 

}).remove()