모든 H 태그가있는 JavaScript의 CSS 선택기

Question

프로토 타입 JS 라이브러리를 사용하여 모든 하위 링크 요소를 선택하고 싶습니다 (ㅏ 태그) 부모의 지에 관계없이 : H1, H2, H3, H4, 또는 H5 간단한 (등) CSS 선택기 규칙 (루핑 등과 같은 추가 JS와 반대로).

따라서 간단하지만 먼 길은 다음과 같습니다.

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

나는 존재하지 않는 H*와 같은 야생 카드 속성을 찾고 있다고 생각합니다.

어쩌면 위의 예는 갈 길이지만, 더 간단하고 간결하며 효율적인 방법이 있기를 바랍니다.

팁에 감사드립니다.

Answer 1

Fabien Ménager의 원래 질문에 대한 의견에 따르면, 내가 이미 가지고있는 것 이외의 간단한 CSS 선택기가없는 것 같습니다.

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

프로그래밍에 대해 프로그래밍하고 싶거나 빈 jQuery (나에게 옵션이 아님)가있는 경우 다른 옵션이 있지만 CSS 규칙을 찾고 있습니다.

도와 주신 모든 분들께 감사드립니다.

Answer 2

jQuery 사용 :

$(":header a")

Answer 3

http://docs.jquery.com/selectors/header 말 :

:헤더 H1, H2, H3 등과 같은 헤더 인 모든 요소와 일치합니다.

페이지의 모든 헤더에 배경과 텍스트 색상을 추가합니다.

$(":header").css({ background:'#CCC', color:'blue' });

Answer 4

프로토 타입 개발자로부터 이것에 대한 답을 얻었습니다. 이것들은 최소한 가장 좋은 솔루션입니다.

$$('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a')
$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

그러나 다음 프로토 타입 릴리스는 선택기 엔진을 선택할 수 있으며 기본값을 제공합니다. 찌는 듯이 덥다. 그만큼 :header 의사 선택기는 실제로 Sizzle의 일부이므로 미래의 프로토 타입에서 사용할 수 있습니다 (선택기 엔진으로 지글 지글을 선택하는 한). 사양의 일부가 아니기 때문에 이전에 포함되지 않은 것 같습니다.