Pobierz indeks div rodzicielskiej z div div dzieci

Question

Mam kilka div i wewnątrz nich mam zagnieżdżonych div. Chciałbym być w stanie uzyskać indeks div jednostki nadrzędnej, w której znajdują się moje div dzieci. Tzn. Jeśli kliknęłbym "post5", uzyskałabym indeks1 lub kliknięcie "post4" nadal miałby indeks 1.

HTML:

<div class="more-content"> 
    <div class="post">post 1</div> 
    <div class="post">post 2</div> 
    <div class="post">post 3</div> 
</div> 
<div class="more-content"> 
    <div class="post">post 4</div> 
    <div class="post">post 5</div> 
    <div class="post">post 6</div> 
</div> 
<div class="more-content"> 
    <div class="post">post 7</div> 
    <div class="post">post 8</div> 
    <div class="post">post 9</div> 
</div> 

Jquery:

$(".post").click(function() { 
    alert($(".post").parent.index(this)); 
}); 

Answer 1

Poniższy powinno działać:

$(".post").click(function() { 
    var index = $(this).parent().index(".more-content"); 
    alert(index); 
}); 

DEMO:http://jsfiddle.net/NDySY/