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 相关文章推荐
Aptana调试javascript图解教程
Nov 30 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
js有关元素内容操作小结
Dec 20 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
js实现简单的可切换选项卡效果
Apr 10 Javascript
简述JavaScript对传统文档对象模型的支持
Jun 16 Javascript
详解webpack+gulp实现自动构建部署
Jun 29 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 31 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函数
2006/10/09 PHP
php 抽象类的简单应用
2011/09/06 PHP
PHP定时更新程序设计思路分享
2014/06/10 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
php微信公众号开发之翻页查询
2018/10/20 PHP
JS array 数组详解
2009/03/22 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
详解Nodejs之npm&amp;package.json
2017/06/15 NodeJs
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
2018/02/09 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
详解vue-cli脚手架中webpack配置方法
2018/08/22 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
python时间整形转标准格式的示例分享
2014/02/14 Python
Python greenlet实现原理和使用示例
2014/09/24 Python
Python psutil模块简单使用实例
2015/04/28 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python爬虫获取京东手机图片的图文教程
2017/12/29 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
pycharm中显示CSS提示的知识点总结
2019/07/29 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
基于Django实现日志记录报错信息
2019/12/17 Python
python logging.basicConfig不生效的原因及解决
2020/02/20 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
装饰资料员岗位职责
2013/12/30 职场文书
学校庆元旦歌咏比赛主持词
2014/03/18 职场文书
花木兰观后感
2015/06/10 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
详解SQL报错盲注
2022/07/23 SQL Server