jQuery—单击另一个父级的第n个子级时,选择父级的第n个子级

这应该给你一个大致的想法(未经测试)

$('ul li').click(function() {
  var i = $(this).index();
  $('.info:eq('+i+')').addClass('selected');
  return false;
});​

我已经创建了一个快速演示来展示这一点: http://jsfiddle.net/Jbgkm/

这样做有效:

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

(样品) http://jsfiddle.net/KGQDz/11/

解决方案很简单,经过代码测试。将隐藏单击的元素。这里有一个包含更多元素的工作示例 http://jsfiddle.net/v2vqm/

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

li a index ,我们稍后使用它来选择正确的 .info 元素通过 eq(index)

请注意 hide() 只是为了演示。

相关文件:

http://api.jquery.com/each/

http://api.jquery.com/eq/