jQuery选择器选中最后一个元素,倒数第二个元素操作示例


Posted in jQuery onDecember 10, 2018

本文实例讲述了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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3water.com jQuery选择器</title>
<style>
.red{color:#FF0000;}
.blue{color:#0000FF;}
</style>
</head>
<body>
<script src="http://libs.baidu.com/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代码运行工具:http://tools.3water.com/code/HtmlJsRun测试,可得到如下运行效果:

jQuery选择器选中最后一个元素,倒数第二个元素操作示例

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

jQuery 相关文章推荐
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
JQuery实现图片轮播效果
May 08 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery事件对象的属性和方法详解
Sep 09 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
JQuery表单元素取值赋值方法总结
May 12 jQuery
jQuery实现计算器功能
Oct 19 jQuery
jQuery实现tab栏切换效果
Dec 22 jQuery
jquery实现广告上下滚动效果
Mar 04 jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 #jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 #jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 #jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 #jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 #jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 #jQuery
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
Dec 05 #jQuery
You might like
php discuz 主题表和回帖表的设计
2009/03/13 PHP
ezSQL PHP数据库操作类库
2010/05/16 PHP
PHP编程开发怎么提高编程效率 提高PHP编程技术
2015/11/09 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
Yii框架视图、视图布局、视图数据块操作示例
2019/10/14 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
JS连连看源码完美注释版(推荐)
2013/12/09 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
python计算最大优先级队列实例
2013/12/18 Python
python中使用OpenCV进行人脸检测的例子
2014/04/18 Python
Python xlrd读取excel日期类型的2种方法
2015/04/28 Python
TensorFlow利用saver保存和提取参数的实例
2018/07/26 Python
Python多继承原理与用法示例
2018/08/23 Python
Python Cookie 读取和保存方法
2018/12/28 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
质检员的岗位职责
2013/11/15 职场文书
物流专业自荐信
2014/05/23 职场文书
领导干部保密承诺书
2014/08/30 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
飞屋环游记观后感
2015/06/08 职场文书
法定代表人免职证明
2015/06/24 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书