Последний элемент списка (jQuery)

Получить последний элемент списка в jQuery можно при помощи селектора :last.

Пример

Например есть маркированный список элементов и кнопка при нажатии на которую нужно получить текст последнего элемента списка.

Смотреть онлайн пример.

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Последний элемент списка (jQuery)</title> <script type="text/javascript" src="/js/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#btn').click(function(){ var value = $('li:last').text(); alert(value); }); }); </script> </head><body> <ul> <li>Первое значение</li> <li>Второе значение</li> <li>Третье значение</li> <li>Четвертое значение</li> <li>Пятое значение</li> <li>Шестое значение</li> <li>Седьмое значение</li> </ul> <input type="button" id="btn" value="Последний элемент"> </body></html>

Категории

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

Комментарии