Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


lastChild (jQuery)

В jQuery есть способ быстро найти последний дочерний элемент любого элемента. Делается это при помощи метода .find(selector) и передачи в него параметра ":last-child".

Пример first-child

Есть список <ul>, в котором нужно найти первый элемент <li>

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
32
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>firstChild (jQuery)</title>

<script type="text/javascript" src="/js/jquery/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    var lastChildText = $('#list').find(':last-child').text();
    
    document.writeln(lastChildText ); // Седьмое значение
});
</script>

</head>

<body>

<ul id="list">
<li>Первое значение</li>
<li>Второе значение</li>
<li>Третье значение</li>
<li>Четвертое значение</li>
<li>Пятое значение</li>
<li>Шестое значение</li>
<li>Седьмое значение</li>
</ul>

</body>
</html>
Опубликовано: 11 декабря 2011  ·  Автор: Артём Фёдоров  ·  1849 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQuerylastChild (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

jQuery, Библиотеки, JavaScript, Программирование

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания