jQuery动态添加、删除元素的方法


Posted in Javascript onJanuary 09, 2014
<script> 
$.schoolFn = { 
addItem: function(obj){ 
$("#itemList").append("<li id='liItrm' class='list-group-item clearfix'><span class='glyphicon glyphicon-resize-vertical sort-handle'></span>"+obj+"<input type='hidden' name='audiences' value='"+obj+"'><button type='button' class='close delete-btn deleteItem' onclick='deleteItem(this);' title='删除'>×</button></li>"); 
}, removeItem: function(obj){ 
$("#"+obj).replaceWith(""); 
} 
} 
$("#itemAdd").click(function(){ 
var item=$('#teacherInput').val(); 
$.schoolFn.addItem(item); 
$('#teacherInput').val(""); 
}); 
function deleteItem(obj){ 
var item=$(obj).parents(".list-group-item").attr("id"); 
$.schoolFn.removeItem(item); 
} 
</script>
Javascript 相关文章推荐
JavaScript Base64编码和解码,实现URL参数传递。
Sep 18 Javascript
原来Jquery.load的方法可以一直load下去
Mar 28 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
Nov 24 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
简单纯js实现点击切换TAB标签实例
Aug 23 Javascript
js实现异步循环实现代码
Feb 16 Javascript
创建一个类Person的简单实例
May 17 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
ng2学习笔记之bootstrap中的component使用教程
Mar 09 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 Javascript
js实现幻灯片轮播图
Aug 14 Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 #Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 #Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
Jan 09 #Javascript
js/jquery解析json和数组格式的方法详解
Jan 09 #Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 #Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 #Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 #Javascript
You might like
php 多线程上下文中安全写文件实现代码
2009/12/28 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
PHP 9 大缓存技术总结
2015/09/17 PHP
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
vue.js vue-router如何实现无效路由(404)的友好提示
2017/12/20 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
ejsExcel模板在Vue.js项目中的实际运用
2018/01/27 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
js实现一个简易计算器
2020/03/30 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
python类和函数中使用静态变量的方法
2015/05/09 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
python+matplotlib绘制3D条形图实例代码
2018/01/17 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
求职推荐信
2013/10/28 职场文书
外贸学院会计专业应届生求职信
2013/11/14 职场文书
后勤部长岗位职责
2013/12/14 职场文书
财务管理专业自荐信范文
2013/12/24 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
祖国在我心中演讲稿300字
2014/05/04 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
酒店采购员岗位职责
2015/04/03 职场文书
防暑降温通知书
2015/04/27 职场文书
使用react+redux实现计数器功能及遇到问题
2021/06/02 Javascript
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python