Nhận chỉ mục của div cha từ divs con

Question

Tôi có một vài div và bên trong chúng tôi có div lồng nhau. Tôi muốn có thể nhận được chỉ mục của div cha mẹ div con tôi cư trú. Tức là: Nếu tôi nhấp vào "post5" tôi sẽ nhận được index1 hoặc Nếu tôi nhấp vào "post4" nó vẫn sẽ nhận được chỉ số 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

sau đây nên làm việc:

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

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