Jquery 输入时会出现额外的标记

在保存草稿而不输入标记时，在下一页，它将显示删除图标而不显示文本。我试图找出为什么在保存草稿而不输入标签时，它会在下一页显示删除图标

编辑#2

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

}

函数addTag（）{
//在单击按钮或空格键时调用
var tag=$.trim（$（'#tags'）.val（））；
如果（标记！=''）{
$（''+tag+''）.appendTo（'.tags框'）；
$（'#tags'）.val（''）；
}
limitofTags（）；
}

它不应该像上面那样添加标签。但它仍然在下一个标签上显示带有删除图标的空标签

任何指点、指导或帮助都将不胜感激

这句话

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


}

应该是

if (!$(this) = '')

---

您的方法有更多的问题，您需要测试元素的文本而不是$（this），还需要修剪它

if ($(this) != '')

---

哦，你是对的，但它仍然显示了删除图标。我在上面的编辑中添加了函数。我认为addTag函数是原因，因为我在没有limittags的情况下进行了测试，并查看addTag函数是否仍然添加为空。hmmstill在提交后出现空标签问题。我认为这与限制标签功能无关。

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