js问题,怎么重复添加提示

发布于 2021-11-23 13:46:37 字数 2539 浏览 930 评论 1

我想要限制添加3个标签但是添加已经添加的就提示不能重复添加...搞了半天搞不出来求教

<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>jQuery UI Example Page</title>
<script type="text/javascript" src="./js/jquery-2.1.1.min.js"></script>
<script>
$(function() {
$("#mainUl").children("li").click(function() {
var clone = $(this).clone();
clone.append("<span style='color:red;font-weight: bold;cursor:pointer'> X</span>")
.find("span").click(function () {
$(this).parent().remove("li");
});
var num = $("#showUl").children("li").length;
if (num<=2) {
$("#showUl").append(clone);
}else if(num == 3){
alert("够了够了够多了");
}else{
alert("出错了");
};
});
});
</script>
<body>
<div style="float: left">
<ul id="showUl">
</ul>
</div>
<div style="float: left">
<ul id="mainUl">
<li>认真</li>
<li>吃货</li>
<li>生活哲学家</li>
<li>大笑</li>
<li>戒指</li>
</ul>
</div>
</body>
</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

巡山小妖精 2021-11-28 13:28:41

$(function() {
	var selected = [];
	$("#mainUl li").click(function() {
		var clone = $(this).clone();
		var text = clone.text();
		if($.inArray(text,selected)>=0){
			alert("不能重复添加");
			return;
		}
		clone.append("<span style='color:red;font-weight: bold;cursor:pointer'> X</span>")
			.find("span").click(function () {
				$(this).parent().remove("li");
				selected.splice($.inArray(text,selected),1); 
			});
		var num = $("#showUl").children("li").length;
		if (num<=2) {
			$("#showUl").append(clone);
			selected.push(text);
		}else if(num == 3){
			alert("够了 够了 够多了");
		}else{
			alert("出错了");
		};
	});
});

回复收藏 0

~没有更多了~