使用querySelectorAll来定位嵌套元素

Question

如何使用仅querySelectorAll选择<p>父级<div class="entry-content">？

例如.

<div>
    <p>ParagraphA</p>
    <p>ParagraphB</p>
</div>
<div class="entry-content">
    <p>Paragraph1</p>
    <p>Paragraph2</p>
    <p>Paragraph3</p>
</div>
    <p>Paragraph4</p>
    <p>Paragraph5</p>

我只想选择Paragraph1~Paragraph3.

我正在使用var x = document.querySelectorAll("p");哪个正在选择一切.

var x = document.querySelectorAll("div > p");得到我需要的东西是非常封闭的,但我需要确保只选择指定的类中的所有<p>元素<div class="entry-content">.

如何修改它来完成任务？

Answer 1

指定div的类:

document.querySelectorAll('div.entry-content > p');