JQuery`wrap`无法使用append

Question

我有一个函数,假设返回包含在span标签中的几个HTML元素.元素将返回,它们不会包含在标记中.

这是我的代码:

function summerizeEdit(edit) {
    var editHtmlBody = '<div>' + edit.content + '</div>';
    var $editElements = $(editHtmlBody).find(EDIT_SELECTORS_TO_SUMMERIZE.join(', '));
    var $editSummery = $('<div />').append($editElements.wrap('<span class="test"/>'));
    return $editSummery.html();
}

Answer 1

jQuery .wrap方法包装所选元素,然后返回所选元素.因此,如果要追加包装器而不是选定的元素,则需要选择包装器.

$('<div>').append(el.wrap('<span>').parent());

$("#target").append($("<div>").wrap("<div class='test'></div>").text("Hello World!").parent());

.test {
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="target"></div>