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();
    }
});