Mam kilka div i wewnątrz nich zagnieżdżone div. Chciałbym móc uzyskać indeks rodzica div, w którym znajdują się moje potomne divy. Tj .: Jeśli kliknąłem „post5”, dostanę indeks1 lub jeśli kliknęłam „post4”, nadal otrzymywałbym 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));
});