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插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...