jquery檢查空元素並刪除

Question

<p>1</p> 
<p>2</p> 
<p></p> 
<p>1</p> 
<p></p> 

如何刪除不包含任何內容的元素？

Answer 1

使用.filter()和.remove()功能，像這樣：

$('p').filter(function(){ 
    return ($(this).text() == "") 
}).remove(); 

或者使用.each()：

$('p').each(function (i, e) { 
if ($(e).text() === "") $(e).remove(); 
}); 

更多更好地利用:empty選擇：

$('p:empty').remove(); 

DEMO - 檢查元件（鉻），以查看最終輸出

Answer 2

試着做這樣的：

$('p') 
    .filter(function() { 
     return $.trim($(this).text()) === '' && $(this).children().length == 0 
    }) 
    .remove()