如何在jQuery中選擇一個小孩的div divc的

Question

如何在jquery 中選擇一個「this」的子div，然後在其上應用切換， ，同時禁用處理點擊事件的鏈接效果？

下面是HTML：

<a href="#" class="title">Link</a> 
<div class="data"> content here </div> 
<a href="#" class="title">Link</a>  
<div class="data"> 
    content here 
</div> 

這裏是我的jQuery代碼：

$('a.title').each(function(event){ 

    var selection = $(this).find('.data'); 

    $(this).click(function(event){ 
     $(div).toggle(); 
     event.preventDefault(); 
    }); 
}); 

我改成了這一點，它的工作：

$('a.title').each(function(){ 
    $(this).click(function(event){ 
     var selection = $(this).parent().children('.data'); 
     $(selection).toggle(); 
     event.preventDefault() 
    }); 
}); 

Answer 1

你喜歡soemthing後這

http://jsfiddle.net/pVKcm/1/

$('a.title').click(function(event){ 
      event.preventDefault(); 
    $(this).next('.data').toggle(); 
});​ 

Answer 2

事情是這樣的：

$('a.title').click(function(event){ 

    var $selection = $(this).next('.data'); 
    event.preventDefault(); 
    $selection.toggle();    

}); 

Answer 3

你並不需要使用each()功能，jQuery的事件適用於所有匹配的元素。此外，您的div元素不是您的a元素的子元素。要選擇下一個div元素，但是，你可以使用next()功能：

$('a.title').click(function(event){ 
    var selection = $(this).next('.data'); 
    selection.toggle(); 

    event.preventDefault();  
}); 

Answer 4

$('a.title').on('click', function(e){ 
    e.preventDefault(); 
    $(this).next('.data').toggle(); 
});​