Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
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.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: