jQuery 仅隐藏空元素

Question

我正在开发标记功能，并且标记的包装元素（span class =“tag”）显示为没有内容。我需要隐藏空标签并显示带有内容的标签。问题是我的逻辑影响了所有标签，而不仅仅是空标签。如何只定位空标签？

 $(".tag:empty").hide();
        $('.tag_btn').live('click', function() {
             if (!$('.tag:empty')){
                 $('.tag').show();
             }
        });

Answer 1

编辑：好的，那么当您单击 .tag_btn 时，您想显示所有非空 .tag 吗？试试这个：

$('.tag_btn').live('click', function() 
{
    $('.tag:not(:empty)').show();
});

Answer 2

我不确定会发生什么，但是这种替代方法有效吗？

$('.tag').each(function(){
    var tag = $(this);
    if ($.trim(tag.text() != ""))
    {
        tag.show();
    }
});