javascript - wrap() 与 after() 不能很好地配合

Question

$(".modal-body").after($('.myDiv').wrap('<form></form>'));

.myDiv 的 after 方法确实有效，但它没有包装在 ?我也尝试过这样的

$('.myDiv').wrap('<form></form>');
$(".modal-body").after($('.myDiv'));

但是没用。

我想要的结果是我的 .myDiv 用表单标签包裹并放置在模态之后。

Answer 1

您正在使用 form 包装 .myDiv 元素，但 wrap 元素将返回调用它的元素集，即 myDiv 元素，因此 after() 调用将接收 myDiv 元素作为其参数，因此它将移动 myDiv > 仅元素，而不是包装的 form

$(".modal-body").after($('.myDiv').wrap('<form></form>').parent());

演示:Problem -Solution