jQuery: Làm cách nào để chọn tất cả P ​​con của bố mẹ tôi?

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> 

Các Javascript tôi đang cố gắng:

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

Tôi muốn chọn tất cả của P đó là con của mẹ yếu tố nhấp, và loại bỏ các lớp ẩn từ họ. Trong logic tôi không muốn giả định bất cứ điều gì về id của div chứa, hoặc thậm chí là có một div chứa. Tôi chỉ muốn tất cả trẻ em P của container mẹ.

Tôi làm như thế nào?

Trong the selector syntax, tôi có thể tìm cách nhận con cháu hoặc con cái. Tôi không thể tìm được cách để chọn cha mẹ hoặc người đi lên. Tui bỏ lỡ điều gì vậy? cảm ơn.

Answer 1

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

Answer 2

Tôi thích sử dụng gần nhất, vì nó bong bóng lên:

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

hoặc xem xét:

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

[Cập nhật] Dựa trên ý kiến ​​dưới đây và câu trả lời khác:

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