怎么获取列表的最后一个元素

Question

如题所述

Answer 1

如果一个jQuery对象表示一个DOM元素的集合，.first()方法会构造一个新的jQuery对象，它包含了前一个集合的第一个元素。

1
2
3
4
5
6
7

<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>

$('li').first().css('background-color', 'red');
调用的结果是第一个列表项目为红色背景。

如果一个jQuery对象表示一个DOM元素的集合，.last()方法从最后一个匹配的元素中构造一个新的jQuery对象。
考虑一个页面上的一个简单的列表：
$('li').last().css('background-color', 'red');
调用的结果是最后一个列表项目为红色背景。