Question

jquery如何获取第一个或最后一个子元素

Answer 1

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

<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');
调用的结果是最后一个列表项目为红色背景。

Answer 2

first-child()，last-child()

Answer 3

//p为父元素选择器
$("p:first-child")
$("p:last-child")