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对JSON进行模式匹配 (Part 2 - 实现)
Jul 17 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
Jun 25 Javascript
Javascript 多浏览器兼容总结(实战经验)
Oct 30 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
Jun 07 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
vue中选项卡点击切换且能滑动切换功能的实现代码
Nov 25 Javascript
JS自定义对象创建与简单使用方法示例
Jan 15 Javascript
js实现带有动画的返回顶部
Aug 09 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
德生S2000收音机更换“钕铁硼”全频扬声器
2021/03/02 无线电
php获取网页内容方法总结
2008/12/04 PHP
php 获得汉字拼音首字母的函数
2009/08/01 PHP
php下拉选项的批量操作的实现代码
2013/10/14 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
jQuery 判断元素上是否绑定了事件
2009/10/28 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
JS实现获取进今年第几天是周几的方法分析
2018/06/27 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
安装docker-compose的两种最简方法
2019/07/30 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
使用pandas实现筛选出指定列值所对应的行
2020/12/13 Python
2019年Java面试必问之经典试题
2012/09/12 面试题
初一体育教学反思
2014/01/29 职场文书
农村面貌改造提升实施方案
2014/03/18 职场文书
租房协议书
2014/04/10 职场文书
社区文化建设方案
2014/05/02 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
绿色小区申报材料
2014/08/22 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
论文致谢词范文
2015/05/14 职场文书
中学团支部工作总结
2015/08/13 职场文书
汽车销售合同文本
2019/08/08 职场文书
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
Ruby处理YAML和json数据
2022/04/18 Ruby