jquery随意添加移除html的实现代码

　　<ul id="list3" class="eventlist">

　　<li>plain</li>

　　<li class="special">special <button>I am special</button></li>

　　<li>plain</li>

　　</ul>

　　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();

　　});