如何在 div 中添加或插入数据之前？答案

【问题标题】：How to prepend or innsertBefore the data inside a div?如何在 div 中添加或插入数据之前？
【发布时间】：2015-11-03 12:25:48
【问题描述】：

<div class="lv1" data-id="ae35e67d" data-parent-id="">
1. Title1

    <div class="lv2" data-id="bd01cc50" data-parent-id="ae35e67d">1.3. Title1.1</div>
    <div class="lv2" data-id="7f66a92d" data-parent-id="ae35e67d">1.4. Title1.2</div>
</div>

如何将下面的数据附加到上面

<div class="lv2" data-id="e7c2dbcc" data-parent-id="ae35e67d">1.1. Title1.3</div>
<div class="lv2" data-id="cc784c42" data-parent-id="ae35e67d">1.2. Title1.4</div>

结果会是这样的

1. Title1
1.1. Title1.1
1.2. Title1.2
1.3. Title1.3
1.4. Title1.4

如您所见，所有数据都有“data-id”，“lv2 parent-id”将是 lv1 的 data-id。

【问题讨论】：

lv1 和 lv2 div 周围是否有父 div？
我想你想追加（到最后）而不是追加到开头
抱歉，我更正了我的问题。我确实需要预先准备。
@Loyalar 是的，lv1 将是 lv2 的父节点。
如何存储Title 1.3 和Title 1.4 对象？它们是否在另一个 div 中，它们是否存储为 javascript 变量？

标签： javascript jquery html css

【解决方案1】：

//use this to append your div to above structure
//this will append third div 
$('[data-id="7f66a92d"]').after('<div class="lv2" data-id="e7c2dbcc" data-parent-id="ae35e67d">1.1. Title1.3</div>')

//this will append fourth div 
$('[data-id="e7c2dbcc"]').after('<div class="lv2" data-id="e7c2dbcc" data-parent-id="ae35e67d">1.1. Title1.3</div>')

【讨论】：