jQuery | :last-child 选择器

简介

在jQuery中，:last-child 选择器用于选取某个元素的最后一个子元素。具体来说，它选择了所有作为其父元素的最后一个子元素的元素。

这个选择器可以与其他选择器组合使用，例如element:last-child选择器、.class:last-child选择器、#id:last-child选择器等。

语法

:last-child 选择器的基本语法如下：

$(":last-child")

示例

<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>
  <li>List item 6</li>
</ul>

// 选择最后一个<li>元素
$("li:last-child").css("background-color", "yellow");

如上所示，以上代码将选择上面示例中的最后一个li元素，并将其背景颜色设置为黄色。

更多实例

以下实例演示了 :last-child 选择器与一些其他选择器组合。

• 与元素名称组合使用

$("p:last-child").css("background-color", "yellow");

• 与 class 属性组合使用

$(".example:last-child").css("background-color", "yellow");

• 与 id 属性组合使用

$("#example:last-child").css("background-color", "yellow");

注意事项

• 当使用 :last-child 选择器时，要确保要选择的元素是其父元素的最后一个子元素。

• 在使用 :last-child 选择器时，需要在其前面添加一个冒号(:)。

• 与大多数jQuery选择器一样， :last-child 选择器也不区分大小写。