jQuery组织图表插件适合wordpress类别循环

Question

我正在制作我正在建造的wordpress网站的家谱部分。

在管理员方面，管理员应该能够设置子条目或父条目并创建族树结构。每个节点应该能够拥有无限数量的子节点，并且只能有一个父节点。

在这些帖子的类别页面上，它们应显示在组织结构图结构中。

由于这些帖子与网站上的其他内容相集成，我无法使用现成的插件，例如WP Family Tree plugin。所以我的下一步是找到一个合适的jQuery插件来安排前端的帖子。我遇到的下一个障碍是插件通常需要在WordPress循环中动态重现的非常难或不可能的html结构。

我尝试使用jQuery Organisational Chart，但所需的结构是在嵌套的无序列表上进行转发。这是一个例子：

<ul>
    <li> fruit
         <ul>
         <li>apple</li>
         <li>berries
             <ul>
                 <li>blueberries</li>
                 <li>cranberies</li>
             </ul>
         </li>
         </ul>
    </li>
</ul>

此代码将产生以下结构：

                     fruit
                       |
                       |
               ------------------        
               |                |   
             apple           berries 
                                |
                          ---------------
                          |              |
                     blueberries     cranberies

我找不到构建循环的方法，该循环将把所需的帖子放在嵌套的无序列表中。我正在使用Advanced Custom Fields插件在帖子之间创建父子关系。

所以我有两个问题： 1.是否有可能创建一个循环，其中包含jQuery组织结构图所需的上述结构？如果是，请分享 2.如果不是，是否有基于ids和类构建组织结构图的解决方案，其中子元素的类名与父元素的id相同，如下所示：

<div id="title1">
</div>
<div id="title2" class="child-title1">  
</div>