T0w*_*tuM 6 html css jquery css-selectors
我正在尝试将使用jquery的类添加到第n个子项，以便它将在IE中工作。它似乎不起作用，我遵循了一些没有结果的示例。我把小提琴挂了
http://jsfiddle.net/aosto/XghbU/
<div id='tasklist'>
<ul class='header'>
<li>
<div class='listitem head'>Number</div>
<div class='listitem head'>Description</div>
<div class='listitem head'>Start Date</div>
<div class='listitem head'>Due Date</div>
<div class='listitem head'>Edit/View</div>
<div class='listitem head'>Complete</div>
</li>
</ul>
</div
#tasklist ul {
clear:both;
list-style:none;
margin:0;
padding:0;
}
#tasklist ul li {
clear:both;
margin:3px;
padding:3px;
}
.listitem {
float:left;
display:inline-block;
}
.listitem2 {
width:400px;
}
$( document ).ready(function() {
$('#tasklist ul li:nth-child(2)').addClass("listitem2");
});
<head>
<link href='css/style.php' type='text/css' rel='stylesheet'>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie_style.css" />
<![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$( document ).ready(function() {
$('.listitem:nth-child(2)').addClass("listitem2");
});
</script>
</head>
您的选择器应为以下名称，以便在列表标记内寻址第二个div！
$('#tasklist ul li div:nth-child(2)')
或者，如果您实际上是想定位一个列表元素，那么无论如何您都应该在标记中的列表中有两个列表元素。