クエリセレクタを使用してテキストデータを持つ最初のpタグを選択する方法はありますか

Question

divには複数のpタグがあります。空でないp要素のテキストを取得します。例

<div> 
<p></p> 
<p></p> 
<p>data</p> 
<span>some</span> 
</div> 

のために私はdataある第三p要素のデータを取得したいです。

私は

document.querySelector("p:nth-child(1)"); 

を使用することができますが、上記の場合には私がいない子を定義する必要があります。

document.querySelector("p:not(:empty)"); 

あなたがdocument.querySelector()を使用しているので、これが保証されます。しかし、どのように私は、pは空白があなたが:empty pseudo-classと一緒に:not() pseudo-classを使用することができ、問題にならないだろうと仮定すると、空の状態に

Answer 1

をもと得ることができますそのような最初の要素のみがマッチします。セレクタ（つまり、セレクタ文字列自体の中で）で「最初のp:not(:empty)」を表すことはできません。

（あなたが本当に文書全体を挟んで第1空でないp要素に興味を持っていない限り、もちろん、あなたはおそらく、あなたのセレクタは、より具体的にしたいでしょう。）