Метод получения: 1. Используйте метод eq() для выбора элемента li в указанной позиции индекса. Синтаксис: «$(»li»).eq(номер индекса)» 2. Используйте «:eq()»; селектор для выбора. Выберите элемент li в указанной позиции индекса, синтаксис: "$("li:eq(номер индекса)")".
Операционная среда этого руководства: система Windows7, версия jquery1.10.2, компьютер Dell G3.
jquery получает номер li
1. Используйте метод eq().
Метод eq() возвращает элемент с указанным порядковым номером выбранного элемента. Номера индексов начинаются с 0, поэтому индексный номер первого элемента равен 0 (а не 1).
<!DOCTYPE html>
<html>
<голова>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<стиль>
.братья и сестры * {
дисплей: блок;
граница: 2 пикселя, сплошная светло-серая;
цвет: светло-серый;
отступ: 5 пикселей;
поле: 15 пикселей;
}
</стиль>
<скрипт>
$(документ).ready(функция() {
$("li").eq(2).css({
«цвет»: «красный»,
"border": "2 пикселя сплошной красный"
});
});
</скрипт>
</голова>
<тело>
<div style="width:500px;" class="siblings">
<ul>ul (родительский узел)
<li>Первый дочерний элемент</li>
<li>Второй дочерний элемент</li>
<li>Третий дочерний элемент</li>
<li>Четвертый дочерний элемент</li>
<li>Пятый дочерний элемент</li>
</ul>
</div>
<p>Выберите третий элемент li (индекс 2)</p>
</тело>
</html> 
2. Используйте селектор «:eq()».
Селектор eq() выбирает элементы с указанным значением индекса. Значение индекса начинается с 0, а значение индекса всех первых элементов равно 0 (не 1).
<!DOCTYPE html>
<html>
<голова>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<стиль>
.братья и сестры * {
дисплей: блок;
граница: 2 пикселя, сплошная светло-серая;
цвет: светло-серый;
отступ: 5 пикселей;
поле: 15 пикселей;
}
</стиль>
<скрипт>
$(документ).ready(функция() {
$("li:eq(1)").css({
«цвет»: «красный»,
"border": "2 пикселя сплошной красный"
});
});
</скрипт>
</голова>
<тело>
<div style="width:500px;" class="siblings">
<ul>ul (родительский узел)
<li>Первый дочерний элемент</li>
<li>Второй дочерний элемент</li>
<li>Третий дочерний элемент</li>
<li>Четвертый дочерний элемент</li>
<li>Пятый дочерний элемент</li>
</ul>
</div>
<p>Выберите второй элемент li (индекс 1)</p>
</тело>
</html> 
[Рекомендуемое обучение: видеоурок по jQuery, видео о веб-интерфейсе]
Выше приведено подробное описание метода jquery для получения первого li. Для получения дополнительной информации обратите внимание на другие соответствующие статьи на китайском веб-сайте PHP!
