jquery - 如果为空则隐藏 p 元素

Question

如果 p 元素为空，我想使用 jQuery 隐藏 .last_edit 类的 ap 元素。例子

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

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

有谁知道怎么做

score 3 · Accepted Answer

3

或者你可以像这样用 CSS 隐藏它：

.last_edit:empty {display:none;}

于 2014-01-30T12:57:45.063 回答

score 3 · Accepted Answer

有很多方法

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

或者

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

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

});

score 1 · Accepted Answer

您可以使用:empty选择器：

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

或filter方法：

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

3 回答 3