Question

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

例如有三个父类DIV,都是同样的CLASS="class1",而每个DIV下都有几个子类div.那么当点击其中一个父类DIV的时候,如何操作其下的子类div?

列子程序如下:
<div class="class_one">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
<div class="class_one">
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
<div class="class_one">
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
</div>

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

Answer 1

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

希望能对你有所帮助吧！