如何使用jQuery（this）來定位特定項目

Question

在此先感謝您的幫助，因爲在涉及到jQuery時我是一個完整的newb。首先，讓我解釋我想要做的事情。我正在構建一個wordpress主題，並且我想讓帖子列表中的評論可見，而不僅僅是默認行爲。爲了避免評論列表在每篇文章中失去控制，我想用jQuery來隱藏它們，直到你點擊一個按鈕。下面是從職位之一的HTML的例子：

<div class="comments_section> 
    <p class="comments_link">1 Comment</p> 
    <p class="PostAComment_link">1 Comment</p> 
    <ul class="Comments"> 
    <li>Comment1</li> 
    <li>Comment1</li> 
    </ul> 
</div> 

然後，我有以下的jQuery：

jQuery(document).ready(function() { 
jQuery(".Comments").hide(); 
//toggle the componenet with class msg_body 
jQuery(".comments_link").click(function() 
{ 
    jQuery(".Comments").slideToggle(); 
}); 

因此，當您點擊與類.comments_link文本，它不隱藏/隱藏帶有.Comments類的UL。它的作品，除了點擊鏈接切換所有與該類別的UL。我如何只針對特定.comments_section div內的.comments div？

再次感謝！

Answer 1

你可以試試這個：

jQuery(this).siblings(".Comments").slideToggle(); 

當單擊事件處理程序this內是元素點擊，jQuery(this).siblings()給你（顯然）該元素的兄弟姐妹，和.siblings() method隨意地讓您選擇的兄弟姐妹說匹配一個特定的選擇器（在這種情況下，「.Comments」）。

這假設你有多個「comments_section」div，每個div只有一個評論鏈接和評論列表。