jquery随意添加移除html

html代码：

< ul id = " list3 " class = " eventlist " >
< li > plain < / li>
< li class = " special " > special < button > I am special < / button>< / li >
< li > plain < / li>
< / ul>

script代码：

function addRemoveItemNS() {
var $newLi = $( ' <li class="special">special and new <button class="addone">I am new</button> <button class="removeme">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代码。

转载于:https://www.cnblogs.com/xiangpiaopiao2011/archive/2011/06/15/2081585.html