隱藏p元素如果爲空

Question

如果p元素爲空，我想使用jQuery來隱藏類爲.last_edit的p元素。例如

<p class="last_edit"></p> 

<p class="last_edit">This would be displayed since there is text in it</p> 

有誰知道如何牛逼

Answer 1

有很多方法

$(".last_edit:empty").hide(); 

或

$(".last_edit").each(function() { 

    if($.trim($(this).html()).length > 0) { 
     $(this).hide(); 
    } 

}); 

Answer 2

您可以使用:empty選擇：

$('p.last_edit:empty').hide(); 

或filter方法：

$('p.last_edit').filter(function(){ 
    return $.trim($(this).text()) === '' 
}).hide() 

Answer 3

或者你可以用這樣的CSS隱藏：

.last_edit:empty {display:none;}