jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法

第jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法本文實例講述了jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法。分享給大家供大家參考，具體如下：

1、實現(xiàn)代碼：

!DOCTYPEhtml

html

head

titlezTree實現(xiàn)基本樹/title

metahttp-equiv="content-type"content="text/html;charset=UTF-8"

linkrel="stylesheet"type="text/css"href="zTree_v3/css/demo.css"rel="externalnofollow"

linkrel="stylesheet"type="text/css"href="zTree_v3/css/zTreeStyle/zTreeStyle.css"rel="externalnofollow"

scripttype="text/javascript"src="zTree_v3/js/jquery-1.4.4.min.js"/script

scripttype="text/javascript"src="zTree_v3/js/jquery.ztree.core.min.js"/script

scripttype="text/javascript"

varsetting={

data:{

simpleData:{

enable:true

varzNodes=[

{id:1,pId:0,name:"湖北省",open:true},

{id:11,pId:1,name:"武漢市",open:true},

{id:111,pId:11,name:"漢口"},

{id:112,pId:11,name:"漢陽"},

{id:113,pId:11,name:"武昌"},

{id:12,pId:1,name:"黃石市"},

{id:121,pId:12,name:"黃石港區(qū)"},

{id:122,pId:12,name:"西塞山區(qū)"},

{id:123,pId:12,name:"下陸區(qū)"},

{id:124,pId:12,name:"鐵山區(qū)"},

{id:13,pId:1,name:"黃岡市"},

{id:131,pId:13,name:"黃州區(qū)"},

{id:132,pId:13,name:"麻城市"},

{id:133,pId:13,name:"武穴市"},

{id:134,pId:13,name:"團風縣"},

{id:135,pId:13,name:"浠水縣"},

{id:136,pId:13,name:"羅田縣"},

{id:137,pId:13,name:"英山縣"},

{id:2,pId:0,name:"湖南省",open:true},

{id:21,pId:2,name:"長沙市",open:true},

{id:211,pId:21,name:"芙蓉區(qū)"},

{id:212,pId:21,name:"天心區(qū)"},

{id:213,pId:21,name:"岳麓區(qū)"},

{id:214,pId:21,name:"開福區(qū)"},

{id:22,pId:2,name:"株洲市"},

{id:221,pId:22,name:"天元區(qū)"},

{id:222,pId:22,name:"荷塘區(qū)"},

{id:223,pId:22,name:"蘆淞區(qū)"},

{id:224,pId:22,name:"石峰區(qū)"}

$(document).ready(function(){

$.fn.zTree.init($("#baseTree"),setting,zNodes);

*清空選中的第一個節(jié)點的子節(jié)點

functionremoveChildNodesTree()

vartreeObj=$.fn.zTree.getZTreeObj("baseTree");

//獲取全部節(jié)點數(shù)據(jù)

varnodes=treeObj.getNodes();

for(vari=0,l=nodes.length;ii++)

//清空選中的第一個節(jié)點的子節(jié)點

treeObj.removeChildNodes(nodes[i]);

//--

/script

/head

body

div

div

ulid="baseTree"/ul

inputtype="button"id="btn"value="清空選中的第一個節(jié)點的子節(jié)點"/

/div

/div

/body

/html

2、實現(xiàn)效果圖：

（1）初始化

（2）單擊按鈕

3、源碼說明：

//清空選中的第一個節(jié)點的子節(jié)點

treeObj.removeChildNodes(nodes[i]);

附：zTree_v3插件點擊此處本站下載。

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery常