Как работать с nth-child в цикле?

Question

[Евгений]

Добрый день.

Есть обычный select вида:

<select class='test'>
        <option>Вася</option>
        <option>Петя</option>
        <option>Олег</option>
        <option>Женя</option>
        <option>Ваня</option>
    </select>

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

for (var i=1;i < 3; i++){
        $(".test option:nth-child(i)").text();
    }

и получаю ошибку: Uncaught Error: Syntax error, unrecognized expression: :nth-child

При этом, если в параметр псевдокласса nth-child я запишу конкретное значение, все работает прекрасно:

for (var i=1;i < 3; i++){
        $(".test option:nth-child(1)").text();
    }

Что за фигня? Как мне сделать так, чтобы через цикл работал скрипт: $(".test option:nth-child(i)").text();
?

Comments

[Ярослав Иванов]

Джуйквари разработчики. Зачем тебе css селектор ?

$(".test option").eq(i).text()

Answer 1

[hellcaster]

$(".test option:nth-child(" + i + ")").text();