手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery动态添加、删除元素的方法
jQuery动态添加、删除元素的方法
摘要:复制代码代码如下:$.schoolFn={addItem:function(obj){$("#itemList").append(""+ob...

复制代码 代码如下:

<script>

$.schoolFn = {

addItem: function(obj){

$("#itemList").append("<li id='liItrm'><span></span>"+obj+"<input type='hidden' name='audiences' value='"+obj+"'><button type='button' 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>

【jQuery动态添加、删除元素的方法】相关文章:

JavaScript实现添加、查找、删除元素

js获取滚动距离的方法

jQuery解析XML文件同时动态增加js文件的方法

jquery预加载图片的方法

javascript实现动态改变层大小的方法

JavaScript动态添加style节点的方法

jQuery基于图层模仿五星星评价功能的方法

jQuery实现自动滚动到页面顶端的方法

javascript实时显示当天日期的方法

原生JS和JQuery动态添加、删除表格行的方法

精品推荐
分类导航