javascript - jQuery 包装语法

Question

一天结束了。我希望我只是逻辑失误。

我无法让它工作:

var $divA= $("<div></div>").addClass('classA');

var $divB= $("<div></div>").addClass('classB');

$myDiv.after($divA.wrap($divB));

上面应该变成这样:

<div id="myDiv"></div>

进入这个:

<div id="myDiv"></div>
<div class="classB">
    <div class="classA"></div>
</div>

但它似乎不适用于其中的“包装”。我没有收到任何错误，它只是没有用 divB 包装 divA，而是单独插入 divA。

我是不是理解错了？

更新:

一个更简单但不起作用的例子:

$myBox.after($("<p></p>").wrap("<div></div>"));

这将只在 myBox 之后添加 DIV。

jQuery 似乎不喜欢在后面添加换行。

Answer 1

你试过吗

$myDiv.after($divA.wrap('<div class="divB"></div>'));

只是为了测试目的？

据我所知，您不应该将 jQuery 对象传递给包装函数:

The .wrap() function can take any string or object that could be passed to the $() factory function to specify a DOM structure. This structure may be nested several levels deep, but should contain only one inmost element. The structure will be wrapped around each of the elements in the set of matched elements.

如果上面的例子有效，那么这就是原因;-)