javascript - 怎么选择属性结构对应的节点获取对应的id以及父级的id

Question

树形结构返回的信息如下。选中时会对应生成 "state": {"selected" : true}，现在我想获取选中时对应的id以及父级的id。怎么优雅的解决呢？？

[
    {
        "id": "514600710075631001",
        "text": "医院管理",
        "state": {
            "selected": true
        },
        "children": [
            {
                "id": "514600710075631106",
                "text": "职称管理",
                "state": {
                    "selected": true
                },
                "children": [
                    {
                        "id": "514600710075631151",
                        "text": "职称列表"
                    }
                ]
            },
            {
                "id": "514600710075631102",
                "text": "科室管理",
                "children": [
                    {
                        "id": "514600710075631121",
                        "text": "科室列表"
                    }
                ]
            }
        ]
    }
]

类似于Demo http://css-tricks.com/example...

Answer 1

如果是直接操作 DOM 的话用 parentNode，如果是框架操作 DOM 则为每个点维护一个 parent 属性。

或者，什么都不改，为所有的节点都绑定事件，冒泡机制会自动遍历一遍。