首页 > web前端 > js教程 > jquery随意添加移除html的实现代码_jquery

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

WBOY
发布: 2016-05-16 18:05:44
原创
1182 人浏览过

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代码。
    相关标签:
    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板