jQuery的初学者选择

Question

我有以下的html代码：

<div class="first-div"> 
    <p><a>click this</a></p> 
</div> 
<br /> 
<div class="second"> 
    <p>show this</p> 
</div> 

我躲在.second的文档加载。当我点击唯一的锚点时，我想选择类second的div，尝试了一切，但仍然没有运气。

这是我的JavaScript：

$(document).ready(function(e) { 
    $(".second").hide() 
    $("a").click(function(e) { 
     $(this).parent().parent().next(".second").toggle() 
    }); 
}); 

另外，我有几个这些div的PHP动态加载。

Answer 1

变化，

$(this).parent().parent().next(".second").toggle() 

到

$(this).parent().parent().nextAll(".second").toggle() 

next元素不是.second但br。

此外，

$(this).closest('.first-div').nextAll(".second").toggle()应该工作。

Answer 2

使用hide()和show()

对于你的链接：

<a href="#" onclick="ShowIt()">Show</a> 

并在代码：

function ShowIt() { 
    $('.second').show() 
}