在元素的父元素之后插入答案

【问题标题】：Insert after parent of element在元素的父元素之后插入
【发布时间】：2011-01-16 18:52:49
【问题描述】：

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

【问题讨论】：

标签： javascript jquery dom dom-manipulation

【解决方案1】：

您可以使用$.after() 方法：

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

或者$.insertAfter()方法：

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

【讨论】：

【解决方案2】：

.divouter:parent

【讨论】：

【解决方案3】：

我认为你想要“after()”方法：

$('input.test3').focus(function() {
   $(this).closest('div.divouter').after('<div>Hi!</div>');
});

【讨论】：