previousElementSiblingに基づいて要素を除外する

Question

セクション要素に由来するすべての段落要素を選択するスクリプトを作成しています。見出しタグのpreviousElementSiblingを持つすべての段落要素を除外したいと思います。私のテストconsole.logsと

スクリプトの作業部、私も何をしたいのか

var allParagraphs = document.querySelectorAll('section > p'); 
var firstParagraph = allParagraphs[0]; 

for (i=0; i < allParagraphs.length; i++) { 

    var prevElement = allParagraphs[i].previousElementSibling; 
    console.log(prevElement); 

    if (i !=0 && i != allParagraphs.length && i % 3 == 0) { 
     // Work Magic on the Paragraph Elements 
    } 
} 

は特に、見出し要素が先行するいずれかの段落要素を除外されています。

上記のスクリプトを実行すると、console.logの出力にすべてのものが正しく表示されます。 ""/"h3"/etcの値を実際どのようにテストするのか分かりません。

私は、.localNameと.nodeNameのような他のプロパティを使ってみました。私はにconsole.logにそれらを追加する場合：

console.log(prevElement.localName); 
console.log(prevElement.nodeName); 

これらの結果の両方を誤ってprevElementがnullのコンソールで。

私も追加してみました：へ

&& prevElement != '<h3'> 

を条件はそれが働いていたかどうかを見るだけでなく、「H3」/「H3」にあれば、それらのどれもなかったです。

最初のdocument.querySelectorAllからh3 + pを除外するか、またはif/then条件でフィルタリングする方法はありますか？

注：これはjQueryでは行いません。

Answer 1

document.querySelectorAllからh3 + pを除外する方法はありますか？

あなたは、セレクタ

section > p:first-child, section > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) + p 

... OR条件のif/thenでそれをフィルタリングするために使用することができますか？ prevElement.nodeName != "h3"と

あなたのアプローチ罰金だったが、あなたはそれらのセクションの最初の要素であり、.previousElementSiblingを持っていない段落の世話をする必要があります。 prevElement == null || …をテストするだけです。