angularjs 添加课程表+移除+不可重复添加
来源:互联网 发布:武之舞纪录片全集知乎 编辑:程序博客网 时间:2024/06/05 11:40
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title> <style> *{ margin:0; padding:0; } li{ list-style: none; float: left; margin:0 20px; } ul{ width: 200px; height: 300px; border: 1px solid black; } </style> <script src="jQuery/jquery-3.2.1.min.js"></script></head><body> <ul> </ul> <button>体育</button> <button>英语</button> <button>数学</button> <button>美术</button> <button>语文</button><script> $(function () { var alreadySubject = []; $("button").click(function () { var flag = false; //alert($(this).text()); for (var i = 0 ; i<alreadySubject.length; i++){ if (alreadySubject[i] == $(this).text()){ flag = true; } } if (flag == true){ alert("已经存在"); }else{ alreadySubject.push($(this).text()); var li = "<li>"+$(this).text()+"<span>X</span></li>"; $("ul").append(li); } }); $("ul").on("click","span",function () { var li = $(this).parent("li").text(); var temp = li.substring(0,2); for (var i = 0 ; i < alreadySubject.length; i++){ if (alreadySubject[i] == temp){ alreadySubject.splice(i,1); $(this).parent("li").hide(); } } }) });</script></body></html>
阅读全文
0 0
- angularjs 添加课程表+移除+不可重复添加
- Js 做一个课程表可移除可添加
- angularJS-实现内容添加或移除
- js制作简单的课程表,不重复添加
- 添加&移除附件
- AngularJS 分页 点击当前页添加样式,其余移除样式
- javascript li添加 移除
- 添加/移除子视图
- javascript添加移除class
- CSS样式移除、添加
- jq添加移除元素
- jQuery添加/移除css
- angularJs添加
- angularJS添加
- JS数组操作 添加, 移除
- 关于无法执行添加/移除操作
- VC2005:无法执行添加/移除操作
- VC2005:无法执行添加/移除操作
- 放到redis后台代码
- 传值
- Angularjs操作
- 添加 替换 猜数 工厂
- hdu 3572【网络流时间区间建图】
- angularjs 添加课程表+移除+不可重复添加
- 多条目,上拉下滑
- PullToRefresh添加头布局,头布局轮播图,带进度点
- MyBatis #{} 和${}的区别
- [BZOJ]2824: [AHOI2012]铁盘整理 dfs
- 主页面
- http 空格添加
- angularjs从网上获取json数据
- 网络判断