使用 jQuery 的 last-child 选择器

在 HTML 中，每个元素都可以有一个或多个子元素。有时候，我们需要选择最后一个子元素，这时可以使用 jQuery 的 last-child 选择器。

语法

$(selector:last-child)

• selector：要选择的元素

示例

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
  <li>第四项</li>
</ul>

<script>
  $('li:last-child').css('background-color', 'yellow');
</script>

在上面的示例中，我们使用了 :last-child 选择器来选择列表中的最后一个子元素（也就是最后一项），然后使用 .css() 方法将其背景色设为黄色。

运行结果如下：

总结

使用 last-child 选择器可以方便地选择元素的最后一个子元素，这在实际开发中是非常有用的。