javascript - 使用 javascript 从子元素创建父元素

Question

假设我有一个 id 列表 [[1,2],[4,5,6]]

我正在尝试为每组 id 创建一个父元素，例如 div

目前是:

<span id="data-inject">
   <br> <br>
    <span id=1>Barack</span>
    <br> <br>
    <span id=2>Obama</span>
    <span id=3>xx</span>
<span>

我希望它是:

   <span id="data-inject">
   <br> <br>
    <div id=test>
        <span id=1>Barack</span>
        <br> <br>
        <span id=2>Obama</span>
    </div>
    <span id=3>xx</span>
    </span>

有什么方法可以使用java脚本实现相同的目的吗？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span id="data-inject"><br> <br> <span id="0">xx</span>&nbsp;<span id="1">Barack</span>&nbsp;<span id="2">Obama</span>&nbsp;<span id="3">xx</span>&nbsp;<span id="4">Barack</span>&nbsp;<span id="5">Obama</span>&nbsp;<span id="6">Barack</span>&nbsp;<span id="7">Obama</span><br> <br> <span id="8">sdsds</span>&nbsp;<span id="9">Barack</span>&nbsp;<span id="10">Obama</span></span>

Answer 1

试试这个:

$('#data-inject').find('span').slice(0,2).wrapAll('<div id="test"></div>').after(' ');

这是一个 Jsfiddle :https://jsfiddle.net/8L1mutxr/

.after(' ')

在元素后添加空格。但顺便说一句，你的 HTML 非常脏。