январь 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 :last-child.
Определение и использование. Селектор :last-child выбирает все элементы, которые являются последним дочерним элементом родителей.
Если фильтру :last соответствует только один единственный выбранный элемент на странице сайта, то селектору( фильтру) :last-child может соответствовать более чем один выбранный элемент: по одному для каждого из родителей.
Синтаксис:
$(":last-child")
ПРИМЕР
Составляем программу, которая выбирает каждый < p> элемент, который является последним дочерним элементом родителя:
< !DOCTYPE html>
< html>
< head>
< script>
$(document).ready(function(){
$(":last-child").css("background-color","yellow");
});
< /script>
< /head>
< body>
< div style="border:1px solid;">
< p>Первая строка в div.< /p>
< p>Последняя строка в div.< /p>
< /div>< br>
< div style="border:1px solid;">
< p>Первая строка в другом div.< /p>
< p>Последняя строка в другом div.< /p>
< span>Этот элемент span.< /span>
< /div>
< /body>
< /html>
Нажмите для просмотра на данную ссылку демонстрация. Вы увидите, что на данной странице более десятка последних дочерних элементов.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
спокойной поздней ночи!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|