手机
当前位置:查字典教程网 >编程开发 >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动态添加、删除元素的方法】相关文章:

jQuery获取页面元素绝对与相对位置的方法

jQuery获得字体颜色16位码的方法

js动态创建及移除div的方法

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

Jquery实现动态切换图片的方法

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

JQuery实现动态添加删除评论的方法

javascript删除元素节点removeChild()用法实例

javascript动态创建链接的方法

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

精品推荐
分类导航