javascript – JQuery:在元素之前追加

前端之家收集整理的这篇文章主要介绍了javascript – JQuery:在元素之前追加前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 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>

有任何想法吗?

解决方法

使用如下的各种选项

的insertBefore

$("<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的第一个孩子添加

之前

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

猜你在找的jQuery相关文章