Javascript 如何删除jquery中的重复值

下面的代码在框中追加文本，如何避免输入重复的值

 $('#plan td.n').click(function(){
 $(this).html('B').css("background-color","red");
 $("input:text").val(this.id);

 var toAdd = $("input[name=checkListItem]").val();  
 $(".list").append("<div class = 'item'>" + toAdd + "</div>")//add the seat number to box 



 });

$（'#plan td.n'）。单击（函数（）{
$（this.html（'B'）.css（“背景色”、“红色”）；
$（“输入：text”）.val（this.id）；
var toAdd=$（“输入[name=checkListItem]”）。val（）；
$（“.list”）.append（“+toAdd+”）//将座位号添加到框中
});

我可能会做下面这样的事情。希望能有帮助

var lookupObj = {};
var toAdd = $("input[name=checkListItem]").val();
if(!lookupObj[toAdd]) {
    $(".list").append("<div class = 'item'>" + toAdd + "</div>")
    lookupObj[toAdd] = true;
}

var lookupObj={}；
var toAdd=$（“输入[name=checkListItem]”）。val（）；
如果（！lookupObj[toAdd]）{
$（“.list”）.append（“+toAdd+”）
lookupObj[toAdd]=真；
}

我可能会做下面这样的事情。希望能有帮助

var lookupObj = {};
var toAdd = $("input[name=checkListItem]").val();
if(!lookupObj[toAdd]) {
    $(".list").append("<div class = 'item'>" + toAdd + "</div>")
    lookupObj[toAdd] = true;
}

var lookupObj={}；
var toAdd=$（“输入[name=checkListItem]”）。val（）；
如果（！lookupObj[toAdd]）{
$（“.list”）.append（“+toAdd+”）
lookupObj[toAdd]=真；
}

假设您的标记如下所示：

<input name="checkListItem" value=""/>
<input type="submit" class="addItem" value="Add/Remove"/>
<div class="list">

</div>

---

假设您的标记如下所示：

<input name="checkListItem" value=""/>
<input type="submit" class="addItem" value="Add/Remove"/>
<div class="list">

</div>

//如果您不在乎性能，这是最简单的方法
var find=假；
$（“.list>.item”）。每个（函数（idx）{
if（toAdd==$（this.html（））{
finded=true；
返回false；
}
});
如果（！find）{
$（“.list”）.append（“+toAdd+”）
}

//如果您不在乎性能，这是一个简单的方法
var find=假；
$（“.list>.item”）。每个（函数（idx）{
if（toAdd==$（this.html（））{
finded=true；
返回false；
}
});
如果（！find）{
$（“.list”）.append（“+toAdd+”）
}

加上一个用于使用编解码器的示例！（或者我认为是这样）保留一个查找数组/对象，该数组/对象将保存

toAdd

的值，然后在附加之前检查它是否已经在查找中。对不起，兄弟，我可以为我显示一个用于使用编解码器的加1。我的示例！（或者我认为是这样）保留一个查找数组/对象，该数组/对象将保存

toAdd

的值，然后在附加检查之前，检查它是否已经在查找中。对不起，兄弟，请告诉我，是的，我完全起草了一个完全不同且过于复杂的版本，至少是它的十倍。然后我看到一个灰色的小盒子，上面写着：“这个问题的新答案已经发布了。”。我点击了它。这个突然出现了。我删除了我的答案，但没有发布。：）你介意分享你的代码吗？JSFIDLE或codepen或任何其他您选择与之共享的方式。是的，我完全起草了一个完全不同且过于复杂的版本，它的长度至少是这个版本的十倍。然后我看到一个灰色的小盒子，上面写着：“这个问题的新答案已经发布了。”。我点击了它。这个突然出现了。我删除了我的答案，但没有发布。：）你介意分享你的代码吗？jsfiddle或codepen或您选择与之共享的任何其他方式。为什么不使用jsfiddle.net共享您的HTML和JavaScript？你能确认我链接的演示做了你希望你的代码能做的吗？兄弟，我最后才回复。如果（countclick 0）{exists.remove（）；}否则{$（“.list”）.append（“+toAdd+”）；}为什么不使用jsfiddle.net共享HTML和JavaScript呢？你能确认我链接的演示做了你希望你的代码能做的吗？兄弟，我最后才回复。可以对此进行限制，以便我只能看到4个值。如果（countclick 0）{exists.remove（）；}否则{$（“.list”）。追加（“+toAdd+”）；}