javascript - Comment sélectionner le nœud correspondant à la structure d'attribut et obtenir l'identifiant et l'identifiant parent correspondants

Question

Les informations renvoyées par l'arborescence sont les suivantes. Une fois sélectionné, "state": {"selected" : true} sera généré en conséquence. Maintenant, je veux obtenir l'identifiant correspondant une fois sélectionné et l'identifiant du parent. Comment le résoudre avec élégance ? ?

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

Semblable à la démo http://css-tricks.com/example...

Answer 1

Si vous manipulez directement le DOM, utilisez l'attribut parentNode，如果是框架操作 DOM 则为每个点维护一个 parent.

Ou, ne changez rien, liez les événements à tous les nœuds et le mécanisme de bouillonnement le traversera automatiquement.