jquery随意添加移除html的实现代码
jquery随意添加移除html的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:html代码:复制代码代码如下:plainspecialIamspecialplainscript代码:复制代码代码如下:functiona...

html代码:

复制代码 代码如下:

<ul id="list3">

<li>plain</li>

<li>special <button>I am special</button></li>

<li>plain</li>

</ul>

script代码:

复制代码 代码如下:

function addRemoveItemNS() {

var $newLi = $('<li>special and new <button>I am new</button> <button>remove me</button></li>');

$('#list3 li.special')

.find('button.addone')

.unbind('click.addit')

.bind('click.addit', function() {

$(this).parent().after($newLi);

addRemoveItemNS();

})

.end()

.find('button.removeme')

.unbind('click.removeit')

.bind('click.removeit', function() {

$(this).parent().remove();

});

}

$(document).ready(function() {

addRemoveItemNS();

});

可以随意添加移除html代码。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类