javascript - JQuery:追加在元素之前

Question

我使用 JQuery 将一个 div 附加到名为 .mobile-sub 的容器中。我通过以下方式调用追加:

$('.s2_error').addClass("revive");
$('.revive').parent(".mobile-sub").append('<div>mydiv</div>');

它工作正常，但问题是它将 div 放置在 .s2_error 标记的之后，而我需要将它放置在之前所以最终结果 HTML 将如下所示:

<div>mydiv</div>
<p class="s2_error">Error</p>

有什么想法吗？

Answer 1

使用如下各种选项

插入前

$("<div>mydiv</div>").insertBefore('.mobile-sub .s2_error');

或者通过在 insertBefore 中编写另一个选择器

$("<div>mydiv</div>").insertBefore($('.revive').parent(".mobile-sub").find('.s2_error'));

意义

$('thisElementShouldBe').insertBefore('thisElement');

---

前置

$('.revive').parent(".mobile-sub").prepend('<div>mydiv</div>');

所以 <div>mydiv</div>将始终添加为mobile-sub 的第一个 child

---

之前

 $('.revive').parent(".mobile-sub").find('.s2_error').before("<div>mydiv</div>");