Вставка После определенного дочернего элемента родителя jQuery

Question

У меня есть набор элементов внутри родителя, в который я пытаюсь вставить другой элемент. Я получаю количество элементов с использованием .children(). Length. Это работает в соответствии с планом, но я не знаю, что искать при попытке вставить после определенного элемента. Я предполагаю, что я могу использовать insertAfter(), когда у меня есть элемент, но как я могу ездить на велосипеде через дочерние элементы, чтобы достичь правильного.

JS

var middleCount = ($(".parent").children().length)/2; 

HTML

<div class = "parent"> 
    <p> </p> 
    <p> </p> 
    <p> </p> 
    <p> </p> 
    <p> </p> 
    <p> </p> 
    <p> </p> 
    <p> </p> 
</div> 

Answer 1

Вы можете использовать .eq()

var midElement = $(".parent").children().eq(middleCount); 

Answer 2

var templength = $(".parent").children().length; 
var temp = parseInt(templength/2); 
//due to floting point 
$(".parent p").eq(temp-1).after("<p>Rahi</p>")