Javascript 将添加的标记值存储在变量中

我有一个添加标签表单，其中包括输入字段和按钮。用户可以输入多个标记。标记用逗号分隔。
一切正常，但我想使用javascript、jquery将添加的标记值存储在变量中。
以下是我到目前为止所做的-

$（“#标记输入”）。打开({
focusout：函数（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
if（txt）$（“”，{text:txt.toLowerCase（），insertBefore:this}）；
this.value=”“；//插入逗号后删除输入值
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13）/.test（ev.which））$（this.focusout（）；
}
});
$（'#标记'）。在（'click'，'span'，function（）{
如果（确认（“删除”+$（this.text（）+“？”））$（this.Remove（）；
});
$（文档）。在（'单击'，'全选'，函数（）{
如果（选中此项）{
$（'.all'）。每个（函数（）{
this.checked=true；
});
}否则{
$（'.all'）。每个（函数（）{
此项检查=错误；
});
}
});  
$（'#add_tag_btn'）。单击（函数（）{
//在这里，我想将添加的标签值存储在变量中。
var added_tags=$（'#tags span'）.html（）；
警报（添加了_标签）；
});
您可以在输入的焦点输出事件中将标记保存在数组中

单击“添加”按钮时，可以通过


//这里我想在变量中存储添加的标记值。
var添加了_标记=[]；
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt！=“”）
添加了_tags.push（txt）；
如果（txt）$（“”{
text:txt.toLowerCase（），
插入之前：这个
});
this.value=”“；//插入逗号后删除输入值
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13）/.test（ev.which））$（this.focusout（）；
}
});
$（'#标记'）。在（'click'，'span'，function（）上{
如果（确认（“删除”+$（this）.text（）+“？”）
{
var index=added_tags.indexOf（$（this.text（））；
增加了拼接标签（索引1）；
$（this.remove（）；
log（添加了_标记.join（“，”）；
}
});
$（文档）。在（'单击'，'全选'，函数（）上）{
如果（选中此项）{
$（'.all'）。每个（函数（）{
this.checked=true；
});
}否则{
$（'.all'）。每个（函数（）{
此项检查=错误；
});
}
});
$（'#添加_标记_btn'）。单击（函数（）{
log（添加了_标记.join（“，”）；
});
您可以在输入的焦点输出事件中将标记保存在数组中

单击“添加”按钮时，可以通过


//这里我想在变量中存储添加的标记值。
var添加了_标记=[]；
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt！=“”）
添加了_tags.push（txt）；
如果（txt）$（“”{
text:txt.toLowerCase（），
插入之前：这个
});
this.value=”“；//插入逗号后删除输入值
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13）/.test（ev.which））$（this.focusout（）；
}
});
$（'#标记'）。在（'click'，'span'，function（）上{
如果（确认（“删除”+$（this）.text（）+“？”）
{
var index=added_tags.indexOf（$（this.text（））；
增加了拼接标签（索引1）；
$（this.remove（）；
log（添加了_标记.join（“，”）；
}
});
$（文档）。在（'单击'，'全选'，函数（）上）{
如果（选中此项）{
$（'.all'）。每个（函数（）{
this.checked=true；
});
}否则{
$（'.all'）。每个（函数（）{
此项检查=错误；
});
}
});
$（'#添加_标记_btn'）。单击（函数（）{
log（添加了_标记.join（“，”）；
});
您只需要全局声明它，然后继续向它添加标记，并在
span
创建代码中进行一些更改。我希望代码能够解释自己：


var添加了_标签=“”；
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt）{
//$（this.prevAll（'span'）.remove（）；
$("", {
text:txt.toLowerCase（），
插入之前：这个
});
}
this.value=”“；//插入逗号后删除输入值
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13）/.test（ev.which））$（this.focusout（）；
}
});
$（'#标记'）。在（'click'，'span'，function（）上{
如果（确认（“删除”+$（this.text（）+“？”））$（this.Remove（）；
});
$（文档）。在（'单击'，'全选'，函数（）上）{
如果（选中此项）{
$（'.all'）。每个（函数（）{
this.checked=true；
});
}否则{
$（'.all'）。每个（函数（）{
此项检查=错误；
});
}
});
$（'#添加_标记_btn'）。单击（函数（）{
//在这里，我想将添加的标签值存储在变量中。
添加_标签=”；
$（'#tags input'）.prevAll（'span'）.each（function（）{
添加了_标记+=（添加了_标记==“”？“”：“，”+$（this.html（）；
})
警报（添加了_标签）；
});
您只需要全局声明它，然后继续向它添加标记，并在
span
创建代码中进行一些更改。我希望代码能够解释自己：


var添加了_标签=“”；
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt）{
//$（this.prevAll（'span'）.remove（）；
$("", {
text:txt.toLowerCase（），
插入之前：这个
});
}
this.value=”“；//在输入后删除输入的值
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    <div id="tags">
        <input type="text" value="" class="form-control"   id="add_tag"placeholder="Add tag" />
    </div>
    <input type='button' class='btn btn-primary' id='add_tag_btn' value='Add'>
</form>

<script>
    $("#tags input").on({
        focusout: function () {
            var txt = this.value.replace(/[^a-z0-9\+\-\.\#]/ig, ''); // allowed characters
            if (txt)
                $("<span/>", {text: txt.toLowerCase(), insertBefore: this});
            this.value = "";   // To remove entered value after inserting comma
        },
        keyup: function (ev) {
            // if: comma|enter (delimit more keyCodes with | pipe)
            if (/(188|13)/.test(ev.which))
                $(this).focusout();
        }
    });
    $('#tags').on('click', 'span', function () {
        if (confirm("Remove " + $(this).text() + "?"))
            $(this).remove();
    });

    $(document).on('click', '#select_all', function () {
        if (this.checked) {
            $('.all').each(function () {
                this.checked = true;
            });
        } else {
            $('.all').each(function () {
                this.checked = false;
            });
        }
    });
</script>

 // Button Click
    $('#add_tag_btn').click(function () {
        var added_tags = [];
        i = 0;
        $('#tags span').each(function ()
        {
            added_tags[i++] = $(this).text();
        });
        alert(added_tags);
    });