jquery - 从子 div 获取父 div 的索引

Question

我有几个 div，在它们里面我有嵌套的 div。我希望能够获取我的子 div 所在的父 div 的索引。即：如果我点击“post5”，我会得到 index1，或者如果我点击“post4”，它仍然会得到索引 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>

查询：

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

Answer 1

以下应该有效：

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

演示：http: //jsfiddle.net/NDySY/