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

假设我有一个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>

巴拉克



奥巴马
xx

我希望是：

   <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>

巴拉克



奥巴马
xx

有没有任何方法可以使用java脚本实现同样的功能

xx巴拉克奥巴马xx巴拉克奥巴马

sdsds巴拉克奥巴马

试试这个：

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

$（'#数据注入'）.find（'span'）.slice（0,2）.wrapAll（''）.after（''）；

下面是一个JSFIDLE：

.在（“”）之后

在元素后添加空格。但是你的HTML非常脏。

试试这个：

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

$（'#数据注入'）.find（'span'）.slice（0,2）.wrapAll（''）.after（''）；

下面是一个JSFIDLE：

.在（“”）之后

---

在元素后添加空格。但是您的HTML非常脏。

使用jquery，您可以轻松地为每个数组项创建新元素，然后在内部数组中循环搜索并附加到新创建的项

示例应该是自动解释的：

var arr=[[1,2]、[4,5,6]、[7,8,9,10]]
arr.forEach（（x，i）=>{
//我们为每个项目创建一个父div
变量父项=$（“”）
//我们附加它
$（“#数据注入”）.append（父项）
//我们循环遍历内部数组并将它们附加到新创建的“parent”中
x、 forEach（z=>{
parent.append（$（'#'+z））
})
})

xx
巴拉克
奥巴马
xx
巴拉克
奥巴马
巴拉克
奥巴马
sdsds
巴拉克
奥巴马

使用jquery，您可以轻松地为每个数组项创建新元素，然后在内部数组中循环搜索并附加到新创建的项

示例应该是自动解释的：

var arr=[[1,2]、[4,5,6]、[7,8,9,10]]
arr.forEach（（x，i）=>{
//我们为每个项目创建一个父div
变量父项=$（“”）
//我们附加它
$（“#数据注入”）.append（父项）
//我们循环遍历内部数组并将它们附加到新创建的“parent”中
x、 forEach（z=>{
parent.append（$（'#'+z））
})
})

xx
巴拉克
奥巴马
xx
巴拉克
奥巴马
巴拉克
奥巴马
sdsds
巴拉克
奥巴马

您好，谢谢您的回复，但是，我在代码段中有一些空白，这会把事情搞砸。您好，谢谢您的回复，但是，我在代码段中有一些空白，这会把事情搞砸。