jQuery 如何获取 li 列表中的第几个 li? 下面本篇文章通过代码示例给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
下面通过代码示例来介绍一下.
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <style type="text/CSS">
- #items{ width:900px; height:auto; margin:0 auto; padding:5px 0; clear:both;
- } #items ul, #items li{ list-style:none; } #items li{ width:500px; height:28px;
- text-align:left; padding-left: 0px; line-height:28px; border-bottom:dashed
- 1px #CCC; cursor:pointer; }
- </style>
- <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">
- </script>
- <script type="text/javascript">
- $(document).ready(function() {
- $("#bt").click(function() {
- $("li").eq(1).CSS("background-color", "pink");
- })
- });
- </script>
- </head>
- <body>
- <div id="items">
- <ul>
- <li>
- HTML 中文网欢迎您, 只有努力奋斗才会有美好的未来
- </li>
- <li>
- 没有任何人一开始就是高手, 必须要好好学习
- </li>
- <li>
- 每一天都是新的, 所以要好好真心当前时间
- </li>
- <li>
- div CSS 教程里面有大量详实的代码
- </li>
- </ul>
- </div>
- <input type="button" id="bt" value="查看效果" />
- </body>
- </HTML>
效果图:
说明:
eq() 方法返回带有被选元素的指定索引号的元素.
索引号从 0 开头, 所以第一个元素的索引号是 0(不是 1).
语法
$(selector).eq(index)
参数:
index 必需, 规定元素的索引; 可以是整数或负数. 注意: 使用负数将从被选元素的结尾开始计算索引.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/17577.html