jQuery的 - 上鍊接點擊 - >切換不到鏈接觸發事件

Question

我的應用程序編程方式產生一些HTML代碼，這樣找到的DIV：

<div class="container"> 
<div class="class1"> 
<a href="#" class="my-link">some link text 1</a> 
</div> 
<div class="class2"> 
some content 1 
</div> 
</div> 

<div class="container"> 
<div class="class1"> 
<a href="#" class="my-link">some link text 2</a> 
</div> 
<div class="class2"> 
some content 2 
</div> 
</div> 
......... 
over and over again 

使用jQuery，當我點擊任意鏈接（內<div class="class1">）我想切換在該鏈接下發現的<div class="class2">觸發事件。

正如你所看到的，每個「容器」div塊都會重複一遍又一遍的類名。

任何想法如何做到這一點？謝謝！

Answer 1

你可以做這樣的事情。

$(".my-link").click(function(){ 
    $(this).closest("div").next(".class2").toggle(); 
}); 

Answer 2

$(".my-link").click(function() { 
    $(this).parents(".container").find(".class2").toggle(); 
}) 

或

$(".my-link").click(function() { 
    $(this).parent().next(".class2").toggle(); 
}) 

Answer 3

「下一個」 jQuery選擇返回下一個同級元素。

$('.class1').click(function(e) { 
    $(this).next().toggle(); 
}); 

Answer 4

試試這個：

$(function(){ 
$(".my-link").click(function(){ 
    $(this).parent().next(".class2").toggle(); 
}); 
});