隐藏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;}