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 函数replace深入了解
Mar 14 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
jQuery绑定事件-多种实现方式总结
May 09 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
Bootstrap超大屏幕的实现代码
Mar 22 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
Vue导出json数据到Excel电子表格的示例
Dec 04 Javascript
解决webpack多页面内存溢出的方法示例
Oct 08 Javascript
通过js随机函数Math.random实现乱序
May 19 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/02/12 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
列表内容的选择
2006/06/30 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
js判断变量是否未定义的代码
2020/03/28 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
2013/04/02 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
vuex入门最详细整理
2020/03/04 Javascript
[06:23]2014DOTA2西雅图国际邀请赛 小组赛7月12日TOPPLAY
2014/07/12 DOTA
Python的时间模块datetime详解
2017/04/17 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
canvas进阶之贝塞尔公式推导与物体跟随复杂曲线的轨迹运动
2018/01/10 HTML / CSS
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
最好的商品表达自己:Cafepress
2019/09/04 全球购物
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
大学毕业的自我鉴定
2013/10/08 职场文书
专营店会计助理岗位职责
2013/11/29 职场文书
优良学风班申请材料
2014/02/13 职场文书
节约用水标语
2014/06/11 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
入党现实表现材料
2014/12/23 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书