Показать сообщение отдельно
  #1 (permalink)  
Старый 28.05.2014, 16:57
Новичок на форуме
Отправить личное сообщение для pashtetiprit Посмотреть профиль Найти все сообщения от pashtetiprit
 
Регистрация: 28.05.2014
Сообщений: 2

:nth-of-type не правильно обрабатывает классы
Добрый день, форумчане.
Задача такая - получить 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"
Ответить с цитированием