插入元素的父元素后 [英] Insert after parent of element

问题描述

为了在下面的示例中的test3类的父（divouter）之后插入什么样的选择器？谢谢。

 < div class ='divouter'> 
< div class ='divinner'> 
< input class = test1>< / input> 
< / div> 
< / div> 
< div class ='divouter'> 
< div class ='divinner'> 
< input class = test2>< / input> 
< / div> 
< / div> 
< div class ='divouter'> 
< div class ='divinner'> 
< input class = test3>< / input> 
< / div> 
< / div> 
< div class ='divouter'> 
< div class ='divinner'> 
< input class = test4>< / input> 
< / div> 
< / div> 
  

解决方案

您可以使用 $ .after（）方法：

  $（。test3）。 ）。之后（ < DIV>富< / DIV>中）; 
  

或 $。insertAfter（） ：$ / $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $$$最近（。divouter））;

What sort of selector would be I need in order to insert after the parent (divouter) of the test3 class in the example below? Thanks.

<div class='divouter'>
    <div class='divinner'>
        <input class=test1></input>
    </div>
</div>
<div class='divouter'>
    <div class='divinner'>
        <input class=test2></input>
    </div>
</div>
<div class='divouter'>
    <div class='divinner'>
        <input class=test3></input>
    </div>
</div>
<div class='divouter'>
    <div class='divinner'>
        <input class=test4></input>
    </div>
</div>

解决方案

You could use the $.after() method:

$(".test3").closest(".divouter").after("<div>Foo</div>");

Or the $.insertAfter() method:

$("<div>Foo</div>").insertAfter( $(".test3").closest(".divouter") );

这篇关于插入元素的父元素后的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！