如何访问 JosephSKh 的 DropdownTree 中的所有选定元素数据值

Question

我想像这样访问 JosephSKh's DropdownTree 的所有数据值

var arr4=[
            {title:"St Fatima",href:"#1",dataAttrs:[{title:"id",data:"value1"}]}
            ,
            {title:"Korba",href:"#2",dataAttrs:[{title:"id",data:"value4"}]}
            ,
            {title:"Roxi",href:"#3",dataAttrs:[{title:"id",data:"value7"}]}
        ];

从上面的代码中，我想访问value1, value4, value7，如果全部选中的话

谁能帮帮我？

Answer 1

您需要的是遍历对象数组 arr4 并获取嵌套较深的属性 data。为此，我推荐以下 Javascript 行：

ES5 语法：

arr4.forEach(function(item) { console.log(item.dataAttrs[0].data); } );

ES6 语法：

arr4.forEach(item => console.log(item.dataAttrs[0].data));

现在，您应该将 console.log 替换为您想要的操作。例如，如果您有一个数组来收集这些值，您可以将上面的行编辑为：

ES5 语法：

arr4.forEach(function(item) { babluArray.push(item.dataAttrs[0].data); } );

ES6 语法：

arr4.forEach(item => babluArray.push(item.dataAttrs[0].data));

进一步阅读：forEach(), Arrow Functions

如何访问 JosephSKh 的 DropdownTree 中的所有选定元素数据值

How to get access all selected elements data value in JosephSKh's DropdownTree

html

treeview

jquery

dropdownbox