기본적으로 특정 하위 요소가있는 요소를 선택하려고합니다. 얻을 수있는 방법이 있나요특정 하위 요소가있는 요소에 대한 쿼리 선택기
const x = el.parentNode.parentNode;
: 내가 이렇게 할 필요에
const el = document.querySelector('#leftMenu ul > li > a:not(.active) + ul > li.active')
지금은 관심 요소를 얻을 : 지금 나는 체인의 자식 요소를 선택 선택이 이 요소는 셀렉터 자체에서 볼 수 있습니까?
상위 선택 자 없음,
그러나 이는 구현에서 먼 길인 available in CSS level 4이어야합니다.
그래서, 당신이 할 수있는 최선의 일은 한 줄에 추가하는 것입니다
const el = document.querySelector('#leftMenu ul > li > a:not(.active) + ul > li.active').parentNode.parentNode;
와우, 생각하지 못했습니다 ... 심각하게 사람처럼, 내 질문에 부분적으로 대답조차하지 않습니다. Ok 편집 후에는 의미있는 정보가 포함되어 있습니다. – J33nn
는 현재 부모 (지정 아이들과 함께 즉 요소)를 선택 할 수있는 방법이 없습니다. Is there a CSS parent selector?
미래에 하나가있을 수 있지만 현재로서는 귀하의 방법이 최상의 해결책으로 보입니다.
jQuery 구문을 사용하는 경우 한 줄로 가져올 수 있습니다. – Banzay
사실, 인생은 훨씬 쉬울 것입니다 :)하지만 불행히도 나는 jquery를 사용할 수 없습니다. – J33nn