январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
|
Ссылки на плагины jQuery :nth-last-of-type.
Определение и использование. Селектор :nth-last-of-type выбирает все элементы, которые являются п-м дочерним элементом определенного типа родителей, считая от последнего ребенка.
Плагины jQuery для селекторов :nth-last-of-type, полученных из спецификации CSS, значение n=1 означает, что отсчет начинается с 1. Для других селектор такие выражения, как :eq() или :even() плагины jQuery отсчет первого элемента начинают с n=0. например, дан один элемент < ul>, содержащий три < li>, тогда объект $('li:nth-last-of-type(1)') выбирает третий элемент li нумерованного списка ul, то есть последний элемент < li> из нумерованного списка ul.
Синтаксис:
:nth-last-of-type(n|even|odd|formula)
Параметр |
Описание |
n |
Индекс каждого совпавшего дочернего элеменьта.
Должно быть числом. Первый элемент имеет порядковый номер 1.
|
even |
Выбирает каждый четный дочерний элемент |
odd |
Выбирает каждый нечетный дочерний элемент |
formula |
Указывает, что дочерние элементы могут быть выбраны с помощью формулы ( + b). |
ПРИМЕР
Составляем программу
< !DOCTYPE html>
< html>
< head>
< script>
$(document).ready(function(){
$("p:nth-last-of-type(1)").css("background-color","yellow");
});
< /script>
< /head>
< body>
< div style="border:1px solid;">
< span>Это элемент span в div< /span>
< p>Первая строка в div.< /p>
< p>Вторая строка в div .< /p>
< p>Последняя строка в div.< /p>
< /div>< br>
< div style="border:1px solid;">
< p>Превая строка в другом в div.< /p>
< p>Вторая строка в другом div.< /p>
< p>Последняя строка в другом div.< /p>
< /div>
< /body>
< /html>
Результат выполнения программы:
Это элемент span в div
Первая строка в div.
Вторая строка в div .
Последняя строка в div.
Превая строка в другом в div.
Вторая строка в другом div.
Последняя строка в другом div.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
доброе утро!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|