JQuery insertMutter div

Question

Unten ist mein HTML

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

JQuery

newElement.insertAfter("div.main_bg:last"); 

Hier hat ich das Element nach main_bg div bin Einfügen, aber ich brauche nach der Mutter div von main_bg div einzufügen. Wie kann ich das machen??

Answer 1

Sie können das .after() Methode für diesen

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

Answer 2

Sie die Eltern der Eltern erhalten können, oder Sie können .after() verwenden,

$(".main_bg").parent().parent().append("<p>New element</p>");

.col-xs-12{ 
 
    border:1px solid black; 
 
    } 
 
.main_bg{ 
 
    border:1px solid black; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="col-xs-12" id="docprop_00" class="docprop">    Parent 
 
     <div id="documentProperties" class="main_bg">Main Bg</div>     
 
</div>

Answer 3

verwenden unter dem Code

$(document).ready(function(e){ 
 
    $('.addnew').click(function(e){ 
 
    $('<p>New element</p>').insertAfter('.main_bg'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="docprop"> 
 
    <div class="main_bg"> 
 
    main_bg 
 
    </div> 
 
</div> 
 

 
<button class="addnew">Add</button>