javascript - jQuery wrapAll 带变量的两个元素

Question

我有两个变量 currentSectionElement 和 sectionList。

它们看起来像:

currentSectionElement = $("<div>current</div>");
sectionList = $("<div>sectionList</div>");

我想这样显示:

<div>
    <div>current</div>
    <div>sectionList</div>
<div>

所以，我尝试了以下方式:

currentSectionElement.after(sectionList); 
$(currentSectionElement, sectionList).wrapAll('<div></div>');

但是它变成了:

<div>
    <div>current</div>
<div>
<div>sectionList</div>

Answer 1

您可以使用 .add() 将 currentSectionElement 和 sectionList 组合成一个 jQuery 对象，然后使用 .wrapAll()

var currentSectionElement = $("<div>current</div>");
var sectionList = $("<div>sectionList</div>");

var newObj = currentSectionElement.add(sectionList);
newObj.wrapAll('<div></div>').parent().appendTo(document.body);

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

---

您可以创建另一个 div 并使用 append()

var currentSectionElement = $("<div>current</div>");
var sectionList = $("<div>sectionList</div>");

var newObj = currentSectionElement.add(sectionList);
$('<div>').append(newObj).appendTo(document.body);

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