Дополнительный ярлык, появляющийся при вводе

Question

function limitofTags(){ 
    var tags = $('div').find('.tag').map(function(){ 
     if (!$(this) = '') 
     return $(this).text(); 
    }).get(); 

    $("#tags").prop('disabled', tags.length >= 12); 
    var limit = 12; 
    var $counter = $('.numoftags'); 
    var remains = parseInt(limit - tags.length); 

    if(remains == 1){ 
     $counter.text(remains + ' more tags'); 
    } 

    if(tags.length >= limit){ 

     $counter.text('Cannot display anymore tags'); 
    } 

    else{ 

     $counter.text('Add ' + remains + ' more tags'); 
    } 

} 

При сохранении черновика без ввода тегов на следующей странице он отображает значок удаления без текста. Я пытаюсь найти, почему он показывает значок удаления на следующей странице при сохранении черновика без ввода тегов.

EDIT # 2

function addTag() { 
    // invoked on button click or spacebar 
    var tag = $.trim($('#tags').val()); 

    if(tag !== ''){ 

     $('<div class="tag"><a href="" class="tag-delete"><i class="icn-delete"></i></a>' + tag + '</div>').appendTo('.tags-box'); 

     $('#tags').val(''); 
    } 
    limitofTags(); 


} 

Не следует добавлять метки, как указано выше. Но все же он показывает пустой тег со значком удаления в следующем теге.

Все указания или руководства или помощь будут оценены!

Answer 1

Ваш метод имеет больше проблем, вам необходимо проверить текст элемента не $ (это), а также обрезать его

var tags = $('div').find('.tag').map(function() { 
    var text = $.trim($(this).text()) 
    if (text != '') { 
     return text 
    }; 
}).get(); 

Answer 2

Это утверждение

if (!$(this) = '') 

должен быть

if ($(this) != '')