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 屬性。

或者，什麼都不改，為所有的節點綁定事件，冒泡機制會自動遍歷一遍。