如果为空则隐藏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>

有谁知道t

Answer 1

有很多方法

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

或

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

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

});

Answer 2

或者您可以使用CSS隐藏它：

.last_edit:empty {display:none;}

Answer 3

您可以使用:empty选择器：

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

或filter方法：

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