在父元素之後插入

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")); 

Answer 2

.divouter:parent 

Answer 3

我想你想的 「後（）」 方法：

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