Как искать только прямых потомков?

Question

[Symbi0t]

Приветствую.
Есть вот такая html-разметка:

<div class="main">
   <div class="item">
      <div></div>
   </div>
   <div class="item"></div>
</div>

Мне нужно получить второй div.item с указанием контекста:

var index = 2,
    $main = $('.main');

$('div:eq('+index+')', $main).text('hello');

Но в данном случае, будет найден вложенный div первого div.item, а можно ли как-то, выше указанным способом, искать только прямых потомков, т.е:
$('.main > div:eq(2)')

Answer 1

[D']

api.jquery.com/siblings должно помочь

Comments

[Symbi0t]

Да, этот способ тоже верный, но его минус в том, что сначала он отберет весь список, а затем отфильтрует его. Мне нужно, чтобы сразу происходил поиск необходимого элемента.

Answer 2

[IceJOKER]

Вы же сами написали ответ - selectortester.ru/4nl5n280 или я вас не понял

Comments

[Symbi0t]

Хотелось бы использовать поиск элементов именно с указанием контекста. А в этом случае, не знаю как указать поиск только прямых потомков.

[IceJOKER]

Symbi0t: ниже FinderOT написал способ

Answer 3

[Кирилл]

$main.children('.item').eq(index).text('hello');

Подойдёт?

Comments

[Symbi0t]

Теоретически, подойдет, но если не ошибаюсь, то в данном случае, сначала будут отобраны все div.item и только потом будет взят элемент с определенным индексом. Как результат - накладные расходы. =)

[Кирилл]

цитата из документации jQuery:

Additional Notes:

Because :eq() is a jQuery extension and not part of the CSS specification, queries using :eq() cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use $("your-pure-css-selector").eq(index) instead.

[Symbi0t]

FinderOT: правильно ли я понял, что цепочка children('.item').eq(index), грубо говоря, преобразуется в $('.item:eq('+index+')')?

[Кирилл]

почти, с той лишь разницей, что $('.item:eq('+index+')') отберёт вообще все элементы с классом item и уже из них элемент попавший на позицию index в наборе искомых элементов, а children('.item').eq(index) отберёт только прямых потомков

[Symbi0t]

FinderOT: понял Вас, но я хочу узнать, есть ли такой способ, который пропустит фазу "отобрать всех потомков", даже если они только прямые, а будет искать сразу необходимый элемент, к тому же, с указанием контекста.

[Кирилл]

Symbi0t: если вас на столько сильно интересует вопрос производительности, возможно стоит посмотреть в сторону нативного js, отказавшись от jQuery?

[Symbi0t]

FinderOT: нет, в данном случае, производительность не имеет большого значения. Указание контекста является удобным и лаконичным способом взаимодействия с элементами, но содержит минус в виде невозможности указать поиск только прямых потомков.