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

html代码:
复制代码 代码如下:


  • plain

  • special

  • plain



script代码:
复制代码 代码如下:

function addRemoveItemNS() {
var $newLi = $('
  • special and new
  • ');
    $('#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的实现代码)