jQuery：如何選擇我父母的所有P孩子？

Question

HTML：

<style> 
    hidden { display:none;} 
</style> 

<div id="div1"> 
    <a href="#" onclick="expandSiblingParagraphs(this)">+</a> 
    <p>Hello</p> 
    <p class="hidden">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
    Integer vulputate, nibh non rhoncus euismod, erat odio pellentesque lacus, 
    sit amet convallis mi augue et odio. Phasellus cursus urna facilisis quam. 
    Suspendisse nec.</p> 
    <p class="hidden">Another hidden paragraph</p> 
</div> 

的JavaScript我想：

var expandSiblingParagraphs = function(elt){ 
    $(this).parent()....? 
}; 

我想選擇P的全部是點擊的元素的父的孩子，並從中刪除隱藏類。在邏輯中，我不想對包含div的id做任何假設，甚至不想包含div。我只想要父容器的所有P孩子。

我該怎麼做？

在the selector syntax，我可以找到一種方法來獲得後代或兒童。我無法找到選擇父母或上司的方法。我錯過了什麼嗎？ 謝謝。

Answer 1

$(this).parent().children("p.hidden").removeClass("hidden"); 

Answer 2

我喜歡用最接近的，因爲它冒泡：

$(this).siblings("p").show(); 

[更新]基於下面的評論和其他答案：

$(this).closest("div").find("p").show() 

或考慮

$(this).siblings("p.hidden").removeClass("hidden");