jQuery | :last-of-type选择器

简介

jQuery是一个流行的JavaScript库，用于简化HTML文档的遍历、操作和事件处理。其中，选择器是jQuery中最常用的功能之一，它们允许您针对不同的元素进行选择并进行操作。:last-of-type选择器是其中一种较为特殊的选择器用于选择每个父元素的最后一个指定类型的子元素。

语法

使用:last-of-type选择器，您可以将其添加到jQuery选择器中来选择每个父元素的最后一个指定类型的子元素。

语法示例：

$(selector:last-of-type)

其中，selector是要选择元素的选择器，可以是类名、标签名、属性选择器等。

示例

HTML代码：

<div>
    <p>第一段文字</p>
    <p>第二段文字</p>
    <p>第三段文字</p>
    <p>第四段文字</p>
</div>

例1：选择最后一个p元素

$("p:last-of-type").css("background-color", "red");

这将选择HTML中的最后一个p元素，将其背景颜色设置为红色。

HTML代码：

<div>
    <p>第一段文字</p>
    <p>第二段文字</p>
    <p class="intro">第三段文字</p>
    <p>第四段文字</p>
    <p class="intro">第五段文字</p>
</div>

例2：选择最后一个类名为intro的p元素

$("p.intro:last-of-type").css("background-color", "red");

在上述例子中，我们选中了类名为intro的p元素并将它的背景色设置为红色。

总结

:last-of-type选择器可以方便地选择每个父元素的最后一个指定类型的子元素。与其他大多数的jQuery选择器不同，该选择器较为特殊，可以让我们针对特定的场景进行选择操作。此外，了解jQuery选择器的使用和方法，可以更加方便地编写和操作JavaScript代码。