jQuery只隐藏空元素

Question

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

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

Answer 1

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

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

Answer 2

我不确定会发生什么，但这种替代方式是否可行？

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