jquery随意添加移除html的实现代码
摘要：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代码。
【jquery随意添加移除html的实现代码】相关文章：
★ jQuery Timelinr实现垂直水平时间轴插件(附源码下载)