JQuery insertAfter父div

时间:2016-06-28 11:26:12

标签: jquery

以下是我的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之后插入。我怎么能这样做?

3 个答案:

答案 0 :(得分:4)

您可以使用.after()方法

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

答案 1 :(得分:1)

使用以下代码

&#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;

答案 2 :(得分:0)

您可以获得父母的父母,也可以使用.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>