jquery实现的倒数获取li元素简单介绍
原创
比如我要获取倒数第二个li元素，下面就是此功能的演示。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>前端</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var text=$("#box li").eq(-2).text();
$("#show").text(text);
});
</script>
</head>
<body>
<ul id="box">
<li>只有努力奋斗才会有美好的未来。</li>
<li>没有人一开始就是高手，必须要好好学习。</li>
<li>分享互助是进步的最大源动力。</li>
<li>每一天都是新的要好好真心</li>
</ul>
<div id="show"></div>
</body>
</html>上面的代码实现了我们的要求，实现的原理也非常的简单。
大家eq()的参数为0的时候就是获取第一个元素，为1的时候就是第二个元素，以此类推。
所以当参数为-1的时候理所当然就是倒数第一个，那么-2就是倒数第二个，以此类推。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
