jQuery选择器之:last-of-type

last-of-type选择器匹配给定元素的最后一个兄弟元素，且该兄弟元素与给定的选择器匹配。

语法

:last-of-type

示例

HTML代码：

<div>
    <p>first paragraph</p>
    <span>first span</span>
    <p>second paragraph</p>
    <p>last paragraph</p>
    <span>last span</span>
</div>

jQuery代码：

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

描述：

将div元素中的最后一个p元素背景色设置为黄色。

注意事项

• last-of-type选择器只能作用于单个元素，不能作用于多个元素；
• 该选择器只匹配元素的类型，不匹配类名和其他属性。

兼容性

• IE9及以上版本
• Firefox、Chrome、Safari、Opera等现代浏览器

结论

last-of-type选择器是jQuery选择器中的一种，可用于匹配指定元素的最后一个兄弟元素，适用于需要对末尾元素添加样式或操作的情况。