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

Пн Вт Ср Чт Пт Сб Вс
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-child.

Определение и использование. Селектор :nth-last-child выбирает все элементы, которые являются п-м дочерним элементом, независимо от типа, их родителей, считая от последнего ребенка.

Плагины jQuery для селекторов :nth-last-child, полученных из спецификации CSS, значение n=1 означает, что отсчет начинается с 1. Для других селектор такие выражения, как :eq() или :even плагины jQuery подсчет начинают с элемента п=0. Для примера дан один элемент < ul>, содержащий три < li>. Тогда объект $("li:nth-last-child(1)") выбирает третий элемент li в нумерованном списке ul, то есть первый элемент с конца списка.

Синтаксис:

 
                 :nth-last-child(n|even|odd|formula)
Параметр Описание
n Индекс каждого каждого совпавшего дочернего элемента.
Должно быть числом. Первый элемент имеет порядковый номер 1.
even Каждый выбирает четный дочерний элемент
odd Выбирает каждый нечетный дочерний элемент
formula Указывает, что дочерние элементы могут быть выбраны с помощью формулы ( + b).

ПРИМЕР

Составляем программу

 
               < !DOCTYPE html>
               < html>
               < head>
                     < script>
                          $(document).ready(function(){
                          $("p:nth-child(3)").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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: