JQuery insertAfter父div

Question

以下是我的HTML

RecyclerView

JQuery的

<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之后插入。我怎么能这样做？

Answer 1

您可以使用.after()方法

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

Answer 2

使用以下代码

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以获得父母的父母，也可以使用.after（）

$(".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>