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代码。

这里把符合以下条件的对象称为伪数组 1，具有length属性 2，按索引方式存储数据 3，不具有数组的push,pop等方法如 1，function内的arguments 。 2，通过document.forms，Form.elements，Select.options，document>>>详细阅读

本文标题：jquery随意添加移除html的实现代码

地址：http://www.17bianji.com/kaifa2/JS/24472.html

1/2 1