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

获取<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>

白云那个飘

浏览 3878回答 6

6回答

荼酒

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

1

0

随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS: 为什么字体颜色在Eclipse上没有变化 2 回答
Html5
JQuery