JavaScript为兄弟姐妹获取父元素和写持有者div

Question

我有以下结构:

<div class="parent">
  <div id="child1">Content here</div>
  <div class="child2">Content here</div>
</div>

在onload,我想要包含一个"持有者"div,它包含所有父母的孩子,如下所示:

<div class="parent">
  <div id="holder">
    <div id="child1">Content here</div>
    <div class="child2">Content here</div>
  </div>
</div>

只知道"child1"id,如何在自己和兄弟姐妹周围添加一个持有者div？

注意事项

• "child1"id是唯一已知的标识符.
• 类"parent"和"child2"是动态名称并将更改,因此不能用作标识符.
• 需要是vanilla JavaScript.

思考？

Answer 1

看来这必须是JavaScript(而不是jQuery),你只能通过id识别child1,你可以做一些粗略的事情:

var child1 = document.getElementById("child1"),
    parent = child1.parentNode,
    contents = parent.innerHTML ;
    parent.innerHTML = '<div id="holder">' + contents + '</div>';

希望这可以帮助...