jQuery | :last-child 选择器

jQuery 是一个著名的 JavaScript 框架，它提供了许多简单易用的 API，用于操作网页中的 DOM 元素。其中一个核心功能就是选择器（Selector），它可以方便快捷地定位指定的 DOM 元素。

:last-child 选择器是 jQuery 中的一个伪类选择器（Pseudo-class Selector），用于匹配某个元素的最后一个子元素。具体语法如下：

$(selector:last-child)

其中 selector 表示要匹配的元素选择器，它可以是任意有效的 jQuery 选择器，例如：

• div:last-child：匹配最后一个子元素为 div 的元素。
• .item:last-child：匹配最后一个子元素为具有 .item 类的元素。
• ul:first-child > li:last-child：匹配最后一个子元素为 li 的 ul 元素下的子元素。

使用示例：

<ul id="list">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

// 获取最后一个子元素为 li 的元素
$('#list li:last-child');

返回结果：

<li>Cherry</li>

需要注意的是，:last-child 选择器只会匹配最后一个子元素，如果想要匹配其他子元素，可以使用 :nth-child、:first-child、:even、:odd 等其他伪类选择器。

参考文献：

• jQuery API Documentation: :last-child Selector (https://api.jquery.com/last-child-selector/)