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");