Javascript jQuery重复元素

“我的代码”允许用户选择最多5个标签，显示标签并统计数字

$(document).ready(function(e) {

    var tagname = "";
    var count = 0;  

    $(".tagchoose").click(function(){ 
        count++;
        if(count < 6) {
        $("#tagselectshow").html("Tags Selected: " + count + " tags selected");
        tagname = "<span class='selectedtg'>" + $(this).html() + "</span> / ";
        $("#displaythetags").append(tagname);
        }
    });

    $("#deletetags").click(function(){ 
        count = 0;  
        tagname = "";

        $("#tagselectshow").html("Tags Selected: " + count + " tags selected");
        $("#displaythetags").html(tagname); 
    });

});

$（文档）.ready（函数（e）{
var标记名=”；
var计数=0；
$（“.tagchoose”）。单击（函数（）{
计数++；
如果（计数<6）{
$（“#tagselectshow”）.html（“选择标记：“+count+”选择标记”）；
标记名=”+$（this.html（）+“/”；
$（“#显示标记”）.append（标记名）；
}
});
$（“#删除标记”）。单击（函数（）{
计数=0；
标记名=”；
$（“#tagselectshow”）.html（“选择标记：“+count+”选择标记”）；
$（“#显示标记”）.html（标记名）；
});
});

---

不幸的是，目前代码没有限制重复标记的选择，我想为用户添加限制，使其不能选择相同的标记

将所选类添加到所选元素，然后添加逻辑

$(document).ready(function(e) {

    var tagname = "";
    var count = 0;

    $(".tagchoose").click(function() {
        var $this = $(this);
        if ($this.hasClass('selected')) {
            $this.removeClass('selected');
        }
        else {
            $this.addClass('selected');
            count++;
            if (count < 6) {
                $("#tagselectshow").html("Tags Selected: " + count + " tags selected");
                tagname = "<span class='selectedtg'>" + $(this).html() + "</span> / ";
                $("#displaythetags").append(tagname);
            }
        }

    });

    $("#deletetags").click(function() {
        count = 0;
        tagname = "";

        $("#tagselectshow").html("Tags Selected: " + count + " tags selected");
        $("#displaythetags").html(tagname);
    });

});​

$（文档）.ready（函数（e）{
var标记名=”；
var计数=0；
$（“.tagchoose”）。单击（函数（）{
var$this=$（this）；
if（$this.hasClass（'selected'））{
$this.removeClass（'selected'）；
}
否则{
$this.addClass（'selected'）；
计数++；
如果（计数<6）{
$（“#tagselectshow”）.html（“选择标记：“+count+”选择标记”）；
标记名=”+$（this.html（）+“/”；
$（“#显示标记”）.append（标记名）；
}
}
});
$（“#删除标记”）。单击（函数（）{
计数=0；
标记名=”；
$（“#tagselectshow”）.html（“选择标记：“+count+”选择标记”）；
$（“#显示标记”）.html（标记名）；
});
});​

您可以将所选标记保留在一个数组（标记）中，然后当用户添加标记时，检查项目是否不在数组中

$(document).ready(function(e) {

    var tagname = "";
    var count = 0;
    var tags = [];
    var thisHTML = $(this).html();

    $(".tagchoose").click(function() {
        count++;
        if ($.inArray(thisHTML, tags) == -1){
        if (count < 6) {
            $("#tagselectshow").html("Tags Selected: " + count + " tags selected");
            tagname = "<span class='selectedtg'>" + thisHTML + "</span> / ";
            $("#displaythetags").append(tagname);
            tags.push(thisHTML);
        }
        }else{
          alert('Tag already chosen');            
        }
    });
    ....

$（文档）.ready（函数（e）{
var标记名=”；
var计数=0；
var标签=[]；
var thisHTML=$（this.html（）；
$（“.tagchoose”）。单击（函数（）{
计数++；
if（$.inArray（thisHTML，tags）=-1）{
如果（计数<6）{
$（“#tagselectshow”）.html（“选择标记：“+count+”选择标记”）；
标记名=“thisHTML+”/”；
$（“#显示标记”）.append（标记名）；
tags.push（thisHTML）；
}
}否则{
警报（“已选择标记”）；
}
});
....

就像跟踪计数一样，跟踪标记名。如果它已经在列表中，则拒绝添加该标记。嗨，查德，谢谢你的回复。这正是我的问题。我不知道使用什么函数根据新选择检查已选文件的内容。