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>

誰かがどのように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()