JS树结构生成与获取到根节点的路径

JavaScript010

JS树结构生成与获取到根节点的路径,第1张

我们仅仅知道用户点击的那一条数据，所以这条数据必须是唯一的才能构建一颗唯一的树结构，如果后端给不到你唯一的值，一定要让他给你生成一个唯一值id

我采用的string切割插入值

table初始化进来只有一层，并且是固定的

此时生成的是

//传入要查找的数据集，目标id，返回目标ID对应的数据集合

//jsonData:数据集

//destID:目标ID

//json:目标ID结果集

function GetSubJson(jsonData, destID, json) {

for (var i = 0i <jsonData.lengthi++) {

if (jsonData[i].id == destID)

json.push(jsonData[i])

else {

if (jsonData[i].hasOwnProperty("children")) {

GetSubJson(jsonData[i].children, destID, json)

}

}

}

}

//例如

var json = []

GetSubJson(a, "2016", json)

使用jQuery框架操作HTML DOM是一件极其便捷的事情，如下操作即可获取相应节点的数据，id和名字（下文中引用“$(this)”表示一个jQuery对象）：

获取节点标签内容数据： $(this).html( )

获取表单组件中的值：$(this).val()

获取节点中的文本内容（例如textarea）: $(this).text()

获取节点的id：$(this).attr("id")

获取节点的名字： $(this).attr("name")