×

jQuery动态添加、删除元素的方法

作者:天空2017.03.24来源:Web前端之家浏览:11984评论:0
关键词:JQueryJS

jQuery动态添加、删除元素的方法。代码如下:

<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>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/biji40.html

网友评论文明上网理性发言 已有0人参与

发表评论: