1
回答
js问题,怎么重复添加提示
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

  


我想要限制添加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>

举报
Chu-Ting
发帖于3年前 1回/257阅
共有1个答案 最后回答: 3年前
$(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("出错了");
		};
	});
});




顶部