jQuery에서 lineargradient 오브젝트를 선택하지 않았습니다.

Question

jQuery 1.3.2를 사용 중이며 svg DOM 요소에서 일부 요소를 선택하려고합니다.

$('svg > defs > lineargradient') 

그러나 그것을 선택하지 않는 어떤 이유로, 나는 성공적으로 $ ("SVG> RECT")를 검색 한 이후이 <SVG> 요소의 다른 항목에 액세스 할 수 있는지 알고있다.

내 SVG DOM

은 다음과 같습니다

<svg width="975" height="385"> 
    <defs> 
     <lineargradient id="raphael-gradient-0" x1="1.000" y1="1.000" x2="0.000" y2="0.000"> 
      <stop offset="0%" stop-color="#242b62"/><stop offset="9.090909090909092%" stop-color="#174a88"/> 
      <stop offset="18.181818181818183%" stop-color="#0e60a3"/><stop offset="27.272727272727273%" stop-color="#0b66ab"/> 
      <stop offset="36.36363636363637%" stop-color="#0870b7"/> 
     ... 
     </lineargradient> 
     <lineargradient id="raphael-gradient-1" x1="1.000" y1="1.000" x2="0.000" y2="0.000">...</lineargradient> 

    </defs> 
    <circle cx="50" cy="40" r="10" fill="#ff0000" stroke="#000" transform=""/> 
    <rect x="0" y="0" width="975" height="385" fill="url(#raphael-gradient-1)" stroke="none" transform="" style="opacity: 1;" opacity="1" fill-opacity="1"/> 
</svg> 

jQuery를 1.3.2은 <이 LinearGradient > 요소를 선택 할 수 없을 것입니다 어떤 이유가 있습니까?

Answer 1

alert($('svg lineargradient').length); 

Working Demo

편집 :이 당신이없는 선택을 (가능한 경우)를 지정할 경우 > 직계 자식 표현이 작동하지만,하지 않는 것 같습니다

, 그것을 잘 입니다

Firefox에서는 ( 이 아니라 IE). 그러나 (IE7에서 테스트) IE에서 않습니다 다음 작업 분명

alert($('lineargradient').length); 

, 이것은 당신이 약간 힘들어 페이지에서 원하는 <lineargradient> 요소를 선택하지만, slice() 및 eq() 같은 명령을 것입니다 당신이 그들에게 얻을 수 있습니다 래핑 된 세트의 위치.

Sizzle 선택기 엔진 용 필터를 작성하면 원하는 결과를 얻을 수 있습니다.