jQuery只隐藏空元素

Question

我正在做一个标签功能，标签的包装元素(span class="tag")没有显示内容。我需要隐藏空的一个，并显示与内容的标签。问题是我的逻辑影响了所有的标签，而不仅仅是空的一个。我如何定位空标签?

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

Answer 1

编辑:那么当您单击.tag_btn时，您想要显示所有非空的.tag s吗?试试这个:

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

Answer 2

我不确定会发生什么，但是这种替代方式是否有效?

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