jquery实现的倒数获取li元素简单介绍
本章节分享一段代码实例,它实现了倒数获取li元素的功能。
比如我要获取倒数第二个li元素,下面就是此功能的演示。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/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就是倒数第二个,以此类推。
(1).eq()方法可以参阅jQuery eq()一章节。
(2).text()方法可以参阅jQuery text()一章节。
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
设置div元素渐隐效果代码实例
以动画平滑的动画方式实现元素的隐藏效果,比瞬间隐藏的方式更为人性化。下面就是一段使用jQury实现的此效果,代码如下: chrst
-
使用jquery为指定元素添加样式类
本章节演示一下如何利用jqury为制定的元素添加样式类。代码实例如下ut
-
jquery css()一次性为多个元素设置多个样式
本章节简单演示一下,如何使用css()方法一次性为元素设置多个样式属性。代码实例如下:
-
jQuery动态设置div元素的高度和宽度
本章节介绍一下最为基础的jqury应用,动态设置div的宽度和高度。代码实例如下:m
-
jquery实现的元素居中插件简单介绍
本章节分享一个插件,它实现了元素的居中效果。下面给出代码实例,然后再给出详细的实现过程,需要的朋友可以做一下参考。代码如下: chrs