jQuery - 当单击另一个父级的第 n 个子级时，选择父级的第 n 个子级

Question

我如何选择一组<div>中的第n个 child 是一组<li>中的第n个 child 的时候被点击了？

下面的 HTML

<ul>
 <li><a href="#">link</a></li>
 <li><a href="#">link</a></li>
 ......
 <li><a href="#">link</a></li>
</ul>

<div class="info">
...
</div>
<div class="info">
...
</div>
......
<div class="info">
...
</div>

例如，当 <a>第二个<li>点击，第二个<div class="info">应该被选中。

谢谢

Answer 1

这有效:

$("li a").click(function(){ 
    $(".info").eq($("li a").index(this)).hide();
});​

(示例 http://jsfiddle.net/KGQDz/11/ )