在HTML/CSS/JQuery的樹模型中顯示數據

Question

我正在尋找在樹模型中顯示非常大的一組數據。節點可能有多個孩子，也可能有多個父母。理想情況下，樹應該是動態的，因爲它代表動態數據。

我看了幾個不同的JS庫，如D3，Raphael等，雖然他們符合條例草案，但我不能使用JQuery以外的任何JS庫。我正在尋找僅使用HTML，CSS和JS/JQuery的解決方案。

唯一的受衆是IE8。

有什麼建議嗎？

Answer 1

Html本身是一個樹結構的表示。每個元素都是一個節點，節點內的元素都是子元素，而節點本身就是父元素。

如果顯示的數據是所有需要你能做到這一點，如：

<div> <-- Parent 
    <p>Data Node Parent</p> <-- Data 
    <div> <-- Child 
     <p>Data Node Child</p> <-- Child Data 
    </div> 
</div> 

然後使用一些CSS樣式它像一個像一棵樹。

使用jquery，你可以遍歷dom（樹），並將數據添加到這些元素中的每一個，或者或者根據數據動態創建元素。您將可以使用像這樣。接下來

http://api.jquery.com/category/traversing/

http://api.jquery.com/category/manipulation/