锐客网

  1. 首页 > 睿知 > it技术 > >

jQuery如何使用:last选择器（代码示例）

IT知识last前端开发

:last是一个jQuery选择器用于选择指定类型的最后一个元素。
【jQuery如何使用:last选择器（代码示例）】语法如下：

$(":last")

返回值：它选择并返回最后一个元素。
示例1：
< !DOCTYPE html> < html > < h1 > < center > Geeks < / center > < / h1 > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < script > $(document).ready(function() { $("p:last").css( "background-color", "green"); }); < / script > < / head > < body > < p > Geeks for Geeks< / p > < p > jQuery< / p > < p > Last Selector< / p > < / body > < / html >

输出如下：
jQuery如何使用:last选择器（代码示例）

文章图片
示例2：
< !DOCTYPE html> < html > < h1 > < center > Geeks < / center > < / h1 > < head > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < script > $(document).ready(function() { $("p:last").css( "background-color", "green"); }); < / script > < / head > < body > < div style = "border:1px solid; " > < p > Geeks for Geeks< / p > < p > jQuery< / p > < / div > < br > < div style = "border:1px solid; " > < p > Geeks for Geeks< / p > < p > jQuery< / p > < p > Last Selector< / p > < / div > < div > jQuery:Last Selector< / div > < / body > < / html >

输出如下：
jQuery如何使用:last选择器（代码示例）

文章图片
注意：上面的代码将只选择第一个div的最后一个< p> 元素。要选择第二个div的最后一个< p> 元素, 请使用：last-child选择器。

    推荐阅读


    上一篇：如何实现斐波那契堆（–删除，提取最小值和减小键（Fibonacci Heap））

    下一篇：Python如何使用运算符函数（详细指南|S2）