javascript - JQuery `wrap` 无法使用追加

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>