:nth-of-type не правильно обрабатывает классы

[pashtetiprit]

Добрый день, форумчане.
Задача такая - получить 2-й <div> к классом "b"

Вот код, в примечаниях описывается сама проблема:

<div class="a">1</div>
<div class="a">2</div>
<div class="b">3</div>
<div class="b">4</div>

<script>
    alert($("div:nth-of-type(2)").html());//2
    alert($("div:nth-of-type(4)").html());//4

    alert($("div.a:nth-of-type(2)").html());//2
    alert($("div.b:nth-of-type(2)").html());//ничего, хотя по идее должно быть 4 (!!!)
    alert($("div.b:nth-of-type(4)").html());//4, хотя у меня на странице всего 2 элемента класса "b", почему он берёт иерархию всего body вместо того, чтобы брать только элементу нужного класса?
</script>

читал на хабре различия между :nth-child и :nth-of-type http://habrahabr.ru/post/119139/, там описывалось что jQuery прекратил поддержку :nth-of-type, для совместимости есть плагин, но он не помогает.

Если задачу нельзя решить этим способом - буду рад подсказке как решить её иначе.
Ещё раз повторю: Задача такая - получить 2-й <div> к классом "b"

[WorM32]

$('div.b').eq(1);

[рони]

pashtetiprit,

$("div.b:eq(1)").html()

[pashtetiprit]

спасибо, да всё работает

<script>
	alert($("div.a").eq(0).html());//1
    alert($("div.a").eq(1).html());//2
    alert($("div.b").eq(0).html());//3
    alert($("div.b").eq(1).html());//4
</script>

[Aetae]

pashtetiprit, вариант рони правильней.

В варианте от WorM32 ты получаешь все элементы по данному селектору, а потом из них выбираешь элемент с заданным номером.
В варианте от рони ты получаешь только нужный элемент.(теоретически, хз насколько это оптимизировано в jquery )

[WorM32]

Aetae,
http://jsperf.com/jquery-eq-method-v...seudo-selector

[рони]

здесь $("div.b") селектор стандартный будет использовано наитив querySelector -
$("div.b:eq(1)") здесь query затратит больше времени на парсинг нестандартного селектора

[WorM32]

здесь $("div.b") селектор стандартный будет использовано наитив querySelector -
$("div.b:eq(1)") здесь query затратит больше времени на парсинг нестандартного селектора

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

ПС. Если в моем же примере написать $('.b').eq(1), то это будет работать еще быстрее, тк в данном случае jQuery (Sizzle) заюзает нативный getElementsByClassName;

[Aetae]

WorM32,
Не совсем корректный пример, на самом деле разница примерно в два раза.
Но таки да, потому я и написал, что теоретически. Вариант рони всё равно правильнее.)

P.S. Можно ещё div.b+div.b использовать - ещё быстрей, но только в данном случае.)

[WorM32]

WorM32,
Не совсем корректный пример, на самом деле разница примерно в два раза.

Пруф?

Но таки да, потому я и написал, что теоретически. Вариант рони всё равно правильнее.)

С точки зрения браузера это неправильный вариант. Я выше объяснил почему.