Ottieni l'indice del genitore div da bambino

Question

Ho alcuni div e al loro interno ho div nidificato. Mi piacerebbe essere in grado di ottenere l'indice del div genitore div i miei figli risiedono in. Ie: Se ho cliccato "post5" otterrei l'indice1 o Se ho cliccato "post4" otterrebbe comunque l'indice 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

Il seguente dovrebbe funzionare:

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

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