我正在尝试使用 jquery 向第 n 个子级添加一个类,以便它可以在 IE 中运行。它似乎没有用,我遵循了几个没有结果的例子。我已经链接了 fiddle
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)')
或者在任何情况下,如果您实际尝试定位一个列表元素,您应该在标记中列出两个列表元素。
关于jquery - 使用 jquery 将类添加到 nth-child,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16241971/