2017-02-13 8 views
1

基本的に、特定の子要素を持つ要素を選択したいとします。取得する方法はあり特定の子を持つ要素のクエリセレクタ

const x = el.parentNode.parentNode; 

:私はこれをしなければならないで

const el = document.querySelector('#leftMenu ul > li > a:not(.active) + ul > li.active') 

今、私は興味の要素を取得するには:今の私は、チェーンの子要素を選択するセレクタを持っていますこの要素はセレクタ自体からのものですか?

+0

jQuery構文を使用する場合は、1行で取得することができます。 – Banzay

+0

真実、人生ははるかに簡単だろう:)しかし、残念ながら私はjqueryを使用することはできません。 – J33nn

答えて

0

親セレクタがありません。
ただし、これは実現するのが難しいavailable in CSS level 4である必要があります。

だから、あなたができる最善のことは、1行に追加することです。
const el = document.querySelector('#leftMenu ul > li > a:not(.active) + ul > li.active').parentNode.parentNode;

+0

うわー、それを考えなかった...真剣に男のように、私の質問に部分的に答えることさえしない。 Ok編集後、少なくとも意味のある情報が含まれています。 – J33nn

1

は現在、親(指定された子供を持つ、すなわち要素)を選択する方法はありません。 Is there a CSS parent selector?

将来はあるかもしれませんが、現時点では、あなたの方法は最良の解決策のように見えます。

関連する問題