小編給大家分享一下layui樹如何清空，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都服務(wù)器托管，成都創(chuàng)新互聯(lián)提供包括服務(wù)器租用、成都多線機(jī)房、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、域名注冊(cè)等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢：13518219792

layui樹怎么清空

首先創(chuàng)建一個(gè)樹框：

  
基本樹

 

  

  
基本樹

 

  

在原有的樹干上添加樹杈：

layui.use(['tree', 'layer'], function(){
  var layer = layui.layer
  ,$ = layui.jquery; 
  
  layui.tree({
    elem: '#demo1' //指定元素
    ,target: '_blank' //是否新選項(xiàng)卡打開（比如節(jié)點(diǎn)返回href才有效）
    ,click: function(item){ //點(diǎn)擊節(jié)點(diǎn)回調(diào)
      layer.msg('當(dāng)前節(jié)名稱：'+ item.name + '
全部參數(shù)：'+ JSON.stringify(item));
      console.log(item);
    }
    ,nodes: [ //節(jié)點(diǎn)
      {
        name: '樹干'
        ,id: 2
        ,spread: true
        ,children: [
          {
            name: '樹杈1'
            ,id: 21
            ,spread: true
            
          }, {
            name: '樹杈2'
            ,id: 22
           
          }
        ]
      }
      
    ]
  });

再在之前的基礎(chǔ)上添加樹枝：

layui.tree({
    elem: '#demo1' //指定元素
    ,target: '_blank' //是否新選項(xiàng)卡打開（比如節(jié)點(diǎn)返回href才有效）
    ,click: function(item){ //點(diǎn)擊節(jié)點(diǎn)回調(diào)
      layer.msg('當(dāng)前節(jié)名稱：'+ item.name + '
全部參數(shù)：'+ JSON.stringify(item));
      console.log(item);
    }
    ,nodes: [ //節(jié)點(diǎn)
      {
        name: '樹干'
        ,id: 2
        ,spread: true
        ,children: [
          {
            name: '樹杈1'
            ,id: 21
            ,spread: true
            ,children: [
              {
                name: '樹枝'
                ,id: 211
                
              }
            ]
          }, {
            name: '樹杈2'
            ,id: 22
            ,children: [
              {
                name: '樹枝'
                ,id: 221
              }
            ]
          }
        ]
      }
      
    ]
  });

再在之前的基礎(chǔ)上添加樹葉：

layui.tree({
    elem: '#demo1' //指定元素
    ,target: '_blank' //是否新選項(xiàng)卡打開（比如節(jié)點(diǎn)返回href才有效）
    ,click: function(item){ //點(diǎn)擊節(jié)點(diǎn)回調(diào)
      layer.msg('當(dāng)前節(jié)名稱：'+ item.name + '
全部參數(shù)：'+ JSON.stringify(item));
      console.log(item);
    }
    ,nodes: [ //節(jié)點(diǎn)
      {
        name: '樹干'
        ,id: 2
        ,spread: true
        ,children: [
          {
            name: '樹杈1'
            ,id: 21
            ,spread: true
            ,children: [
              {
                name: '樹枝'
                ,id: 211
                
,children: [
                  {
                    name: '樹葉1'
                    ,id: 2111
                  }, {
                    name: '樹葉2'
                    ,id: 2112
                  }, {
                    name: '樹葉3'
                    ,id: 2113
                  }
                ]
              }
            ]
          }, {
            name: '樹杈2'
            ,id: 22
            ,children: [
              {
                name: '樹枝'
                ,id: 221
              }
            ]
          }
        ]
      }
      
    ]
  });

添加個(gè)清空的按鈕：

清空

點(diǎn)擊清空按鈕，調(diào)用點(diǎn)擊事件清除樹

$(".layui-btn").click(function(){
$('ul li').remove();
});

方法/步驟2

完整代碼：

  
  
  
  
  
  
  


            

  
基本樹

 

  


 
清空
           
          

看完了這篇文章，相信你對(duì)layui樹如何清空有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享標(biāo)題：layui樹如何清空-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/dpidgh.html