JQuery insertAfter父div

JQuery insertAfter父div,jquery,Jquery,下面是我的HTML <div class="col-xs-12" id="docprop_00" class="docprop"> <div id="documentProperties" class="main_bg"></div> </div> 在这里,我将在main_bg div之后插入元素,但我需要在main_bg div的父div之后插入。我如何才能做到这

下面是我的HTML

<div class="col-xs-12" id="docprop_00" class="docprop">                
        <div id="documentProperties" class="main_bg"></div>                 
</div>

在这里,我将在main_bg div之后插入元素,但我需要在main_bg div的父div之后插入。我如何才能做到这一点???

您可以使用
.after()
方法来实现这一点

$(".main_bg").parent().after(newELament);

您可以使用
.after()
方法进行此操作

$(".main_bg").parent().after(newELament);

您可以获取父对象的父对象,也可以使用.after()

$(.main\u bg”).parent().parent().append(新元素

.col-xs-12{
边框:1px纯黑;
}
.main_bg{
边框:1px纯黑;
}

父母亲
主背景

您可以获取父对象的父对象,也可以使用.after()

$(.main\u bg”).parent().parent().append(新元素

.col-xs-12{
边框:1px纯黑;
}
.main_bg{
边框:1px纯黑;
}

父母亲
主背景
使用下面的代码

$(文档).ready(函数(e){
$('.addnew')。单击(函数(e){
$(“新元素”

)。插入(“.main_bg”); }); });

主接线盒
添加
使用以下代码

$(文档).ready(函数(e){
$('.addnew')。单击(函数(e){
$(“新元素”

)。插入(“.main_bg”); }); });

主接线盒

添加
newElement.insertAfter($(“div.main\u bg:last”).parent()的错误:???有什么问题:
newElement.insertAfter($($div.main\u bg:last”).parent()???