jQuery在元素集合中获取第N个元素
分类:实例代码
在实际应用中,可能会有这样的需求,那就是从集合中获取获取指定索引的元素。
下面就通过代码实例介绍一下如何实现此功能。
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <style> li{list-style:none} </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function(){ $("#bt").click(function(){ $("ul li").eq(1).css("color","green"); }) }) </script> </head> <body> <ul> <li>只有努力奋斗才会有美好的未来</li> <li>前端教程网欢迎您,分享和互助才能够进步</li> <li>珍惜每一分钟,否则将来你会对此后悔</li> </ul> <input type="button" id="bt" value="查看效果"/> </body> </html>
上面的代码可以将第二个li元素中的字体颜色设置为绿色。
相关阅读:
(1).click事件可以参阅jQuery click事件一章节。
(2).eq()方法可以参阅jQuery eq()方法一章节。
(3).css()方法可以参阅jQuery css()方法一章节。