jquery.treeview是一個(gè)非常方便的樹形結(jié)構(gòu)插件。它可以讓我們很輕松地創(chuàng)建出一個(gè)樹形結(jié)構(gòu)，并且可以對樹形結(jié)構(gòu)中的節(jié)點(diǎn)進(jìn)行增，刪，改，查等操作。其中一個(gè)非常重要的操作是獲取樹形結(jié)構(gòu)中節(jié)點(diǎn)的值，下面我們來詳細(xì)了解一下如何使用jquery.treeview獲取值。

//首先，我們需要在HTML中準(zhǔn)備一個(gè)樹形結(jié)構(gòu)的容器
<div id="tree"></div>
//接下來，在JS中初始化樹形結(jié)構(gòu)
$('#tree').treeview({
data: [
{
text: "parent 1",
nodes: [
{
text: "child 1",
nodes: [
{
text: "grandchild 1"
},
{
text: "grandchild 2"
}
]
},
{
text: "child 2"
}
]
},
{
text: "parent 2"
}
]
});
//最后，我們可以使用jquery.treeview提供的getNode方法來獲取指定節(jié)點(diǎn)的值
var node = $('#tree').treeview('getNode', 0); //獲取根節(jié)點(diǎn)
console.log(node.text); //控制臺(tái)輸出"parent 1"
//如果要獲取子節(jié)點(diǎn)的值，可以先獲取父節(jié)點(diǎn)，然后使用父節(jié)點(diǎn)的nodes屬性獲取子節(jié)點(diǎn)
var parentNode = $('#tree').treeview('getNode', 0); //獲取父節(jié)點(diǎn)
var childNode = parentNode.nodes[0]; //獲取第一個(gè)子節(jié)點(diǎn)
console.log(childNode.text); //控制臺(tái)輸出"child 1"