Jquery - Получить X-й элемент

Question

Например, у меня есть div с идентификатором (скажем, the_div). Этот div содержит неупорядоченный список, и этот список содержит 5 элементов.

Как бы я добавил класс к третьему элементу списка без каких-либо элементов списка, к которым был бы прикреплен класс?

Редактировать: Еще лучше, как бы я изменил текст элемента списка, чтобы он равнялся какому элементу числа это было?

Спасибо.

Answer 1

Или ...

$('#the_div ul li:eq(2)').addClass('className');

Вы можете комбинировать селекторы вместе - если вы предпочитаете:)

Answer 2

Для вашей первой проблемы вы можете использовать eq, что на основе 0:

$('ul li', '#thediv').eq(2).addClass('whatever'); // add class to 3rd item

Для вашей второй проблемы вы можете использовать each для перебора всех элементов списка. Функция обратного вызова передает аргумент, содержащий индекс текущего элемента в наборе:

$('ul li', '#thediv').each(function(i) {
    $(this).text(i); // update each list item with its index, 0 based.
});