Вставить после родителя элемента

Question

Какой тип селектора мне понадобится для вставки после родителя (divouter) класса test3 в приведенном ниже примере? Спасибо.

<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

Я думаю, что вы хотите метод "after ()":

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

Answer 3

.divouter:parent