jquery里获取最后一个或几个元素的方法[最全整理]推荐 亲测 原创 收藏

文章标签: jquery 匹配
  • :
  • 04-06 19:10
  • :
  • 313次
  • :
  • 0条
  • 1赞

简介本文整理了在jquery里获取最后一个,或后几个元素的方法。

本文站长和大家整理分享一个在jquery里和获取“最后一个”或“后几个”元素的方法:

一:获取最后一个(jquery对象):

在jquery里和“最后一个”相关的属性或方法有:

  1. :last :  获取最后的那个元素

  2. :last-child : 获取每个父元素的最后一个子元素

  3. :last-of-type :

  4. :nth-last-child :

  5. :nth-last-of-type:

1》:last  这是我们用的最多的,常用的方法和写法有:

$("tr td:last") : 返回单一记录,获取到的是最后一个tr里最后的一个td,并不是每一个tr里的最后一个td;
$("tr").find("td:last") : 返回多条记录,获取到的是每一个tr里的最后一个td;
$("tr").find(":last") : 返回多条记录,获取到的是每一个tr里的最后一个元素,不一定是td 也可能是th;

请仔细阅读上面的解释,都是站长自己亲测的,文章的最后有在线演示!

2》:last-child 和:last不同的是,:last-child获取的是每一个像素的最后一个子元素

$("tr td:last-chile") : 返回单一记录,获取到的是第一个tr里的最后一个td ;
//上面这种写法是唯一和:last不同的地方,

//下面这两种效果都一样
$("tr").find("td:last-child") : 返回多条记录,获取到的是每一个tr里的最后一个td;
$("tr").find(":last-child") : 返回多条记录,获取到的是每一个tr里的最后一个元素,不一定是td 也可能是th;

:last 和 :last-child 的在线演示:《jquery里last和last-child的用法在线演示

3》:last-of-type 官网手册上解释的不准确,还是看下面站长亲测的实例吧:

$("div p:last-of-type") : 返回多条记录,选择的是所有div里最后一个p标签;
$("div").find("p:last-of-type") :返回多条记录 和上面写法的效果一样;
$("div").find(":last-of-type") :返回多条记录 选择的是所有div里最后一个标签,不限标签类型;

4》:nth-last-child 与 :nth-last-of-type :官网的解释都一样,都是选择所有父元素的第N个子元素,并且是从最后开始算起,计算是从1数起的:

$("div p:nth-last-child(2)") : 返回多条记录 选择的是每个DIV里倒数第二个P标签;
$("div").find("p:nth-last-child(2)") :返回多条记录 和上面写法效果一样;
$("div").find(":nth-last-child(2)") : 返回多条记录 返回所有div里的倒数第二个标签,不分标签名;

$("div p:nth-last-of-type(2)") : 返回多条记录 效果和上面的$("div p:nth-last-child(2)")一样;
$("div").find("p:nth-last-of-type(2)") :返回多条记录 效果和上面一样;
$("div").find(":nth-last-of-type(2)")  :返回多条记录 效果和$("div").find(":nth-last-child(2)")一样;

这里是在线演示地址:《jquery里last-of-type nth-last-child nth-last-of-type的用法在线演示

二:重点,选择最后一个(js Dom对象):

上面说的获取最后一个,获取到的都是jquery对象,我们知道,jquery里,要获取dom对象,就得用get,站长以前写过一篇jquery对象和dom对象互相转换的文章:jquery对象与dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法》,那么我们如果要获取最后一个标签的dom对象,要如何做呢?

方法一,我们可以通过上面的方法,获取到jquery对象后,再用get()来转换成dom对象;

方法二,可以直接用$("div").get(-1);来获取到最后一个div的dom对象的。这一句是重点,站长在做一个web项目时,突发其想下发现的!!!

三,用jquery选择后几个:

以前站长写过一篇文章,关于选择前几个和后几个:jquery获取同辈元素中后几个元素的三种方法及完整的在线实例演示》,里面介绍的很详细,有需要的朋友可以点开看看。



您正在找的文章可能是: