javascript - 使用 querySelectorAll 定位嵌套元素

Question

我如何使用 querySelectorAll选择 <p>与 parent <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');