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

<!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>


白云那个飘
浏览 3881回答 6
6回答

荼酒

为什么不用伪类呢?:nth-child(n)
打开App,查看更多内容
随时随地看视频慕课网APP