Insérer après parent de l'élément

Question

De quel type de sélecteur aurais-je besoin pour insérer après le parent (divouter) de la classe test3 dans l'exemple ci-dessous? Merci.

<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

Vous pouvez utiliser la méthode $.after():

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

Ou la méthode $.insertAfter():

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

Answer 2

.divouter:parent 

Answer 3

Je pense que vous voulez que la méthode "après()":

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