插入元素的父元素之后

Question

我需要什么样的选择器才能在下面的例子中插入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>

Answer 1

你可以使用这个$.after()方法:

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

或$.insertAfter()方法:

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