カスタムjQuery階層

Question

jQueryを使用して、ユーザー入力に基づいてDIVを動的に生成しています。これらがどのように生成され、フォーマットされるかという本質により、DIV間に直接的な親子関係はありません。実際、それを説明する最も簡単な方法はツリーの生成だと思います。ツリーの一番上にある要素が削除された場合、すべての要素が擬似子になるようなカスタム階層を作成できるようにしたいと考えています。

以下に、いくつかの例を示します。ダイアグラムは水平な階層に従います。

Level 1 Level 2 Level 3 
----------------------------- 

    X  X   X \ 
         X | >> These 3 elements are pseudo-children of 
         X/ the first elements in level 1 and level 2 

      X <<<<<< X << The element in level 2 is pseudo-child of 
         X  the first element in level 1 

    X  X   X 

      X   X 
         X  

UPDATE：

コード例：

<tr> 
    <td>Level1</td> 
    <td>Level2</td> 
    <td>Level3</td> 
</tr> 
<tr> 
    <td /> 
    <td /> 
    <td>Level3</td> 
</tr> 
<tr> 
    <td /> 
    <td /> 
    <td>Level3</td> 
</tr> 
<tr> 
    <td /> 
    <td>Level2</td> 
    <td>Level3</td> 
</tr> 
<tr> 
    <td /> 
    <td /> 
    <td>Level3</td> 
</tr> 

等...（図をマッチング）

Answer 1

私が何をしたいことはHTML5でFlexible Box Moduleだと思います。

---

私の推測では、UIのテーブルでこれを行うための唯一の方法であることhere

や遊び場http://flexiejs.com/playground/（X-ブラウザーと一緒にJavaScriptライブラリ）に関する記事の本当に素敵なセットを参照してください。メモリにツリーを格納し、それを使って削除するものを「知る」こともできます。

---

は、たぶん私はこれで何が間違っているが、何かが欠けている：

<div id="a"> 
    <div id="b"> 
     <div id="c" /> 
     <div id="d" /> 
     <div id="e" /> 
    </div> 
    <div id="f"> 
     <div id="g" /> 
     <div id="h" /> 
    </div> 
</div> 
<div id="i"> 
    <div id="j"> 
     <div id="k" /> 
    </div> 
    <div id="l> 
     <div id="m" /> 
    </div> 
</div> 



Level 1 Level 2 Level 3 
----------------------------- 

    a  b   c \ 
         d | >> These 3 elements are pseudo-children of 
         e/ the first elements in level 1 and level 2 

      f <<<<<< g << The element in level 2 is pseudo-child of 
         h  the first element in level 1 

    i  j   k 

      l   m 
         n