全国咨询热线:18720358503

制作微信小程序_jQuery选择器选中终究一个元素,

类别:媒体报道 发布时间:2021-01-08 浏览人次:

jQuery选择器选中最后一个元素,倒数第二个元素操作示例       这篇文章主要介绍了jQuery选择器选中最后一个元素,倒数第二个元素操作,涉及jQuery选择器eq()方法与last()方法相关操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery选择器选中最后一个元素,倒数第二个元素操作。分享给大家供大家参考,具体如下:

HTML部分:

 div 
 p 元素1 /p 
 p 元素2 /p 
 p 元素3 /p 
 p 元素4 /p 
 p 元素5 /p 
 /div 

取倒数第二个p元素

$("div p").eq(-2)

取最后一个p元素

$("div p").last()

完整测试示例代码如下:

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"TR/xhtml1/DTD/xhtml1-transitional.dtd" 
 html xmlns="1999/xhtml" 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 
 title  jQuery选择器 /title 
 style 
.red{color:#FF0000;}
.blue{color:#0000FF;}
 /style 
 /head 
 body 
 script src="jquery/2.0.0/jquery.min.js" /script 
 script type="text/javascript" 
$(document).ready(function(){
$("div p").eq(-2).addClass('red');//倒数第二个p元素
$("div p").last().addClass('blue');//最后一个p元素
 /script 
 div 
 p 元素1 /p 
 p 元素2 /p 
 p 元素3 /p 
 p 元素4 /p 
 p 元素5 /p 
 /div 
 /body 
 /html 

这里使用在线HTML/CSS/JavaScript代码运行工具:测试,可得到如下运行效果:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。


推荐阅读

制作微信小程序_jQuery选择器选中终究一个元素,

jQuery挑选器选定最终一个原素,倒数第二个原素实际操作实例 本文关键详细介绍了jQuery挑选器选定最终一个原素,倒数第二个原素实际操作,涉及到jQuery挑选器eq()方式与last()方式有...

2021-01-08
广州凡科互联网科技股份有限公司招聘销售实习

招聘人数:26职位信息我们是广州山风正处于快速发展阶段,成员都是90后,充满激情和梦想,我们是一支务实、充满战斗力的团队。我们专注于互联网电商,在这里你可以不断提升,展...

2021-01-08
开发小程序的好处是啥_说说怎么在Vue.js中完成数

说说怎样在Vue.js中完成数据键入部件的方式 本文关键详细介绍了说说怎样在Vue.js中完成数据键入部件的方式,网编感觉挺好的,如今共享给大伙儿,也给大伙儿做下参照。一起追...

2021-01-08
SEM竞价长尾理论是什么?

SEM竟价排行的实质便是在与你同行业的市场竞争之中,抢得大量的总流量。可是每一个广告宣传主的费用预算和推广时间段不是同的,这也就防止了一家独大的将会性,不管是大型企业...

2021-01-08
如何专注你的目标

针对营销推广型网站来讲,不管总体目标被界定成甚么,都可以以梳理为说动客户采用网站所期待的行動。在方案策划网站时,如果你决策写出一句话,并放上一个图象或图型时,一定...

2021-01-08
广州凡科互联网科技股份有限公司招聘初级操盘

招聘人数:15职位信息公司致力于为年轻人提供一个实现自我提升的平台,如果你对自己的能力有足够的自信,相信凭借自己的努力可以获得自己想要的未来,那么我司将会是你正确的选...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信