使用javascript从子元素创建父元素
使用javascript从子元素创建父元素
提问于 2017-11-18 17:33:54
假设我有一个ids列表[1,2,4,5,6]
我正在尝试为每组ids创建一个父元素，比如div
目前its：
<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实现同样的功能呢？
<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> <span id="1">Barack</span> <span id="2">Obama</span> <span id="3">xx</span> <span id="4">Barack</span> <span id="5">Obama</span> <span id="6">Barack</span> <span id="7">Obama</span><br> <br> <span id="8">sdsds</span> <span id="9">Barack</span> <span id="10">Obama</span></span>
回答 2
Stack Overflow用户
发布于 2017-11-18 17:36:42
试试这个：
$('#data-inject').find('span').slice(0,2).wrapAll('<div id="test"></div>').after(' ');这是一个Jsfiddle：https://jsfiddle.net/8L1mutxr/
.after(‘')
在元素后添加空格。但是顺便说一句，你的HTML很脏。
Stack Overflow用户
发布于 2017-11-18 17:58:58
使用jquery，您可以轻松地为每个数组项创建一个新元素，然后遍历内部数组以搜索并附加到新创建的项，
示例应该是自动解释的：
var arr = [[1,2],[4,5,6], [7,8,9,10]]
arr.forEach((x, i) => {
// we create a parent div for each item
var parent = $('<div class="parent'+ i + '"></div>')
// we append it
$('#data-inject').append(parent)
// we loop through inner arrays and append them to newly created 'parent'
x.forEach(z => {
parent.append( $('#' + z) )
})
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="data-inject">
<span id="0">xx</span>
<span id="1">Barack</span>
<span id="2">Obama</span>
<span id="3">xx</span>
<span id="4">Barack</span>
<span id="5">Obama</span>
<span id="6">Barack</span>
<span id="7">Obama</span>
<span id="8">sdsds</span>
<span id="9">Barack</span>
<span id="10">Obama</span>
</span>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47364534
复制相关文章
相似问题
腾讯云开发者
