jQuery:如何选择父母的所有P子女?

Che*_*eso 5 jquery

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>
Run Code Online (Sandbox Code Playgroud)

我正在尝试的Javascript:

var expandSiblingParagraphs = function(elt){
  $(this).parent()....?
};
Run Code Online (Sandbox Code Playgroud)

我想选择所有被点击元素的父元素的P,并从中删除隐藏的类.在逻辑中我不想假设包含div的id,或者甚至包含div.我只想要父容器的所有P子元素.

我怎么做?

选择器语法中,我可以找到一种获取后代或子代的方法.我找不到选择父母或上司的方法.我错过了什么吗?谢谢.

Dou*_*eny 16

$(this).parent().children("p.hidden").removeClass("hidden");
Run Code Online (Sandbox Code Playgroud)

  • 这发现P是直接的孩子.$("div p")查找所有DIV标记中的所有P标记,无论级别如何. (3认同)