jQuery не выбирает объект линейного градиента - PullRequest
Новая
       20

jQuery не выбирает объект линейного градиента

0 голосов
/ 18 сентября 2009

Я использую jQuery 1.3.2 и пытаюсь выбрать некоторые элементы в элементе svg DOM. 

$('svg > defs > lineargradient')

Однако по какой-то причине он не выбирает его, я знаю, что могу получить доступ к другим элементам в элементе , так как я успешно получил $ ("svg> rect").

Мой 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 не сможет выбрать элементы ?

1 Ответ

1 голос
/ 18 сентября 2009 
alert($('svg lineargradient').length);

Рабочая демоверсия

EDIT:

Похоже, что непосредственное дочернее выражение > не работает, но если вы укажете селектор без этого (если возможно), это нормально в Firefox (но не IE). Однако в IE работает (проверено в IE7) 

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

очевидно, это будет выбирать элементы <lineargradient>, которые вы хотите на странице, немного сложнее, но такие команды, как slice() и eq(), позволят вам добраться до них по положению в упакованном наборе.

Написание собственных фильтров для механизма выбора Sizzle может дать желаемые результаты.

...