js问题,怎么重复添加提示 400 请求报错
我想要限制添加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>
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
-
$(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("出错了"); }; }); });2020-05-30 23:12:51赞同 展开评论
