如何使用JavaScript从页面中获取具有特定类的动态加载HTML标记？

我正在使用JavaScript添加一些HTML标记，如下所示：

function createTag(text) {
    if (text != '') {
        text = text.replace(',', '');
        if (/^\s+$/.test(text) == false) {
            var tag = $('<div class="tags">' + text + '<a class="delete">X</a></div>');
            tag.insertBefore($('input.tag_list'), $('input.tag_list'));
            $('input.tag_list').val('');
        }
    }

函数createTag（文本）{
如果（文本！=''）{
text=text.replace（'，'，''）；
if（/^\s+$/.test（text）==false）{
变量标记=$（''+text+'X'）；
insertBefore（$（'input.tag_列表'），$（'input.tag_列表'）；
$（'input.tag_list'）.val（“”）；
}
}

我想从整个页面中获取

标记中的值。我该怎么做

---

另外，如何限制这些类型的动态创建标记的数量？

选择标记并使用

map（）

函数返回数组。在提供给

map（）

的函数中，从克隆标记中删除

a

var tags = $(".tags").map(function(){
    var clone = $(this).clone();
    $(clone).find("a").remove("a");
    return clone.text();
});

JS小提琴：

通过将值包装在

span

标记中，您可以让生活变得更加轻松：

<div class="tags"><span>javascript</span><a class="delete">X</a></div>
<div class="tags"><span>java</span><a class="delete">X</a></div>
<div class="tags"><span>jquery</span><a class="delete">X</a></div>

---

谢谢@kevin。但是我对克隆（）的用法感到困惑。你能给我解释一下你的JS代码吗？因为我不太擅长JS。你需要在

div.tags

中获取值，但是

div

既包含

javascript、java、jquery

等值，也包含

。我确信你不希望值中包含

标记。因此我克隆了element，它生成一个精确的副本，然后从克隆中删除

，这样我就可以简单地检索值。这使原始元素保持不变，同时允许我简单地调用

.text（）

以获取

div

中的值。

var tags = $(".tags").map(function(){
    return $(this).find("span").text();
});