jquery获取同辈元素中后几个元素的三种方法及完整的在线实例演示推荐 亲测 原创 收藏


  • :
  • 03-02 20:48
  • :
  • 237次
  • :
  • 0条
  • 2赞

简介用jquery获取网页中同辈元素里后几个元素的三种方法,及完整的在线实例演示。

本文站长和大家总结整理一下在jquery里,我们要获取同辈元素中“后几个”元素的方法:

方法1:使用jquery里的 " gt "来获取:

//如果我们知道共有多少个同辈元素,那么,我们要获取后几个元素是非常简单的:
$("div#aijquery span:gt(2)").remove();//删除索引大于2的span标签

//如果我们不知道共有多少同辈元素,那么就要先获取最后那个元素的索引值:
var _max=$("div#aijquery span:last").index();
var _get=_max-3; //要获取后几个 就减几,这里是删除后三个
$("div#aijquery span:gt("+_get+")").remove();

方法2:使用 slice  [推荐]:

我们在获取和“后几个”相关的元素时,使用slice是最简单了,站长先来简单介绍一下slice:

//语法结构:
slice(start,[end])

//参数介绍:
start:开始选取子集的位置。第一个元素是0.如果是负数,则可以从集合的尾部开始选起。
end:结束选取自己的位置,如果不指定,则就是本身的结尾。

//实例:
$("p").slice(0,1).remove();//选择第一个P标签元素
$("p").slice(0,2).remove();//选择前两个P标签元素
$("p").slice(1,2).remove();//选择第二个P标签元素
$("p").slice(2,4).remove();//从第二个元素开始选(包含第二个元素),选取到第四个元素(不包含第四个元素)

总结:简单的说,slice就是选择索引>=start,但<end之间的元素,记得索引是从0开始记起的就行了。

我们要获取同辈元素里“后几个”元素时,就要把参数设为负数了,其实更简单:

$("p").slice(-1).remove();//选择最后一个P标签元素
$("p").slice(-3).remove();//选择最后三个P标签元素

PS:站长亲测,当start为负时,是不能设置第二个参数的!

方法3:使用eq() 和nextAll() 来获取后几个元素:

eq(n):获取第n个元素

    n为正数时:从0数起,元素的位置;

    n为负数时:从-1开始数起,从集合的后面往前数;

nextAll查找当前元素之后所有的同辈元素

知道了eq和nextAll的含义,那么我们要获取同辈元素集合里后几个就简单了:

$("p").eq(-4).nextAll().remove();//删除最后三个P标签元素

上面这句代码里,

$("p").eq(-4)  这一句,获取到了$("p")这个集合里倒数第四个元素。

nextAll() 配合上面这一句,获取到的就是倒数第四个元素后面的元素,也就是最后三个元素。

好了,关于jquery里,我们要获取同辈元素里“后几个”元素的方法,就总结到这里了,希望这篇文章能帮助到所有看到这篇文章的朋友们。

写文章不容易,转发的朋友,请帮忙写上本文来自 "爱jQuery www.aijquery.cn"

文章的最后,附上在线实例的演示地址:

jquery获取后几个元素的在线演示



您正在找的文章可能是: