jQuery如果在所有同class的DIV下的点击其中一个DIV,如何获得这个DIV下的某个div?

题目

jQuery如果在所有同class的DIV下的点击其中一个DIV,如何获得这个DIV下的某个div?
例如有三个父类DIV,都是同样的CLASS="class1",而每个DIV下都有几个子类div.那么当点击其中一个父类DIV的时候,如何操作其下的子类div?
列子程序如下:

1

2

3

4

5

6

7

8

9

10

11

12

当我点击第一个父类DIV的时候,如何隐藏

2

这个元素?
而我用$(".class_one div:eq(1)")的时候,隐藏的是所有父类DIV的第二个元素...
难道就不能用$(this)+$("div:eq(1)")这样的方式选择吗?

答案

//页面加载
$(document).ready(function(){
//给所有的父类DIV添加事件
$('.class_one').live('click', function() {
$(this).children().eq(1).css("display","none");
});
});
你在你的JS中加入这样一段话
它的意思是：点击父类时,找到父类下的第二个子集,给这个子集添加css样式
希望能对你有所帮助吧!