首頁 > 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
    最新問題
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板