| WorM32 | 29.05.2014 09:02 |
: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" |
$('div.b').eq(1);
|
pashtetiprit,
$("div.b:eq(1)").html()
|
спасибо, да всё работает
<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>
|
pashtetiprit, вариант рони правильней.
В варианте от WorM32 ты получаешь все элементы по данному селектору, а потом из них выбираешь элемент с заданным номером. В варианте от рони ты получаешь только нужный элемент.(теоретически, хз насколько это оптимизировано в jquery :)) |
|
здесь $("div.b") селектор стандартный будет использовано наитив querySelector -
$("div.b:eq(1)") здесь query затратит больше времени на парсинг нестандартного селектора |
Цитата:
ПС. Если в моем же примере написать $('.b').eq(1), то это будет работать еще быстрее, тк в данном случае jQuery (Sizzle) заюзает нативный getElementsByClassName; |
WorM32,
Не совсем корректный пример, на самом деле разница примерно в два раза. Но таки да, потому я и написал, что теоретически. Вариант рони всё равно правильнее.) P.S. Можно ещё div.b+div.b использовать - ещё быстрей, но только в данном случае.) |
Цитата:
Цитата:
|
| Часовой пояс GMT +3, время: 01:13. |
