Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > баг jQuery с селекторами

Автор: sharpshooter 18.2.2010, 16:46

Привет.
Запостили на одном форуме ненавистники jquery следующий баг библиотеки в ie6:
На нижеуказанном дереве html

Код


A = $('body > span a'); alert('элементов:'+A.length);

везде выдаст 4(элемента), а в ie6 - 0.
Селектор вроде нужный, кто знает в чем дело? Сам не могу разобраться - в принципе вижу что просмотр дерева вглубь обрывается на теге совпадающем с стоящим сразу после > .

Весь код:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQuery 222222222222</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="inc/jquery.js"></script>
<style>

</style>

</head>
<body >
<span>
  <i></i>
  <span>
    <i>
      <span>
        <div>
          <b>
            <a></a> <!-- Должен выбрать этот -->
          </b>
          <a></a> <!-- и этот -->
        </div>
      </span>
    </i>
    <span>
      <div>
        <b>
          <a></a> <!-- и этот -->
        </b>
        <a id='#test'></a> <!-- и этот -->
      </div>
    </span>
  </span>
</span>
</body>

<!--      XXXXXXXXXXXXXXXXXXXXXXX        -->
<br>
<button onClick="whatdo()" id="but1">Действие</button><br>

<script type="text/javascript">


function whatdo()
{
 
A = $('body > span a');
alert('элементов:'+A.length);

}


</script>
</html>

Автор: blah 18.2.2010, 18:06

ie6 не понимает дочерних селекторов и, не вдаваясь в супер сложные механизмы выгребания элементов, можно предположить что такая конструкция там просто не работает.

По-моему какие-то хилые ненавистники попались.

Код


A = $('body span:eq(1) a');

Автор: sharpshooter 19.2.2010, 09:36

Цитата(blah @ 18.2.2010, 18:06)

ie6 не понимает дочерних селекторов

но для этого то и есть jQuery - в ней нормально эти селекторы вообще работают. Только в данной ситуации косяк.
Причем такой код:

Код


A = $('body > span').find('a');

прекрасно справляется с задачей.

Меня просто немного удивила эта бага в ИЕ6 т.к. по сути же такие выборки - это тоже самое путешествие по дереву html методами DOM(интерфейс Node). И по моим наблюдениям эти средства кроссбраузерны во всех браузерах. Значит какая то фича в jQuery есть, что делает работу разной.

A = $('body span:eq(1) a');
Ваш код только для этого примера работает, а добавь еще одного прямого ребенка body и нет.
Вообще речь о том как работает jQuery с селекторами вида:
DIV+SPAN A
DIV>SPAN A

Автор: blah 19.2.2010, 12:01

Цитата(sharpshooter @ 19.2.2010, 08:36

)

Ваш код только для этого примера работает, а добавь еще одного прямого ребенка body и нет.

Код


A = $('body span:eq(0) a');

Ну естественно.

Честно, специально порывшись в sizzle ничего не работающего в ie6 не нашел. И проблема не в jQ, а именно в sizzle. Да и если на то пошло, то селекторы такого вида не очень применимы в "повседневной жизни".