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 相关文章推荐
FF IE兼容性的修改小结
Sep 02 Javascript
JavaScript高级程序设计 DOM学习笔记
Sep 10 Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 Javascript
JS防止用户多次提交的简单代码
Aug 01 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
Vue学习之组件用法实例详解
Jan 06 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 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函数传值的引用传递注意事项分析
2016/06/25 PHP
javascript call和apply方法
2008/11/24 Javascript
关于jquery性能最佳实践的讨论,与求教
2012/03/30 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
AngularJs expression详解及简单示例
2016/09/01 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
详解JavaScript中的this指向问题
2021/02/05 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python实现求特征选择的信息增益
2018/12/18 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
linux 下python多线程递归复制文件夹及文件夹中的文件
2020/01/02 Python
Pandas的数据过滤实现
2021/01/15 Python
优秀毕业生事迹材料
2014/02/12 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
车间主任岗位职责
2014/03/16 职场文书
班级寄语大全
2014/04/10 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
2014教师研修学习体会
2014/07/08 职场文书
网络技术专业求职信
2014/07/13 职场文书
超市七夕促销活动方案
2014/08/28 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP
用Java实现简单计算器功能
2021/07/21 Java/Android
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript