为了账号安全,请及时绑定邮箱和手机立即绑定

获取<li>子元素中的倒数第三个元素,并改变它显示的背景色。无效??

获取<li>子元素中的倒数第三个元素,并改变它显示的背景色。无效??

白云那个飘 2016-01-18 18:41:00
<!DOCTYPE html><html>    <head>    <title>:eq(index)过滤选择器</title>    <link href="style.css" rel="stylesheet" type="text/css" />    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>    </head>        <body>        <div>改变中间行"葡萄"背景颜色:</div>        <ol>        <li>橘子</li>        <li>香蕉</li>        <li>葡萄</li>        <li>苹果</li>        <li>西瓜</li>        </ol>                <script type="text/javascript">        var index=document.getElementsByTagName("li");            n=index.length-3            $("li:eq(n)").css("background-color", "red");         </script>    </body></html>
查看完整描述

6 回答

?
荼酒

TA贡献133条经验 获得超96个赞

为什么不用伪类呢?:nth-child(n)

查看完整回答
1 反对 回复 2016-01-19
  • 6 回答
  • 0 关注
  • 3895 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号