应用CSS样式/类的div

我有一些div元素
结构是应用CSS样式/类的div

<div id="comment"> 
    <div id="m1">...</div> 
    <div id="m2">...</div> 
</div>

我想申请一些CSS或类以的意见奇/偶内格（或货币供应量M1/2格）
所以我这个编码，但它并没有奏效:(

$("div>div:even").addClass("evn");

什么我失踪？

来源

2011-05-17 Sourav

最有可能你需要把它放在'$（document）.ready（function（）{...}）;' – mVChr 2011-05-17 03:12:00

我没有使用上面提到的准备，但我已经包含了jquery.js和其他jquery函数也能正常工作！ – Sourav 2011-05-17 03:21:15

为什么不把你的jQuery放在那个文档中准备好？ – BoltClock 2011-05-17 03:29:11

:even和:odd是0索引的，并且可能不会产生您正在查找的结果。第一个元素是数字0，这是偶数，所以它被:even选中，而不是第二个元素。

对于1索引，你错过了:nth-child() pseudo-class：

$("div > div:nth-child(even)").addClass("evn");

请确保您拼写类名正确也一样，我不知道，如果你的CSS定义.evn类...

来源

2011-05-17 03:10:22 BoltClock

This link can help you to solve your proble

首先，定义表和DIV如下面在“index.html的”文件中所示，

<table border="1"> 
    <tr><td>Michael</td></tr> 
    <tr><td>Sam</td></tr> 
    <tr><td>John</td></tr> 
    <tr><td>Jason</td></tr> 
</table> 
<div>Michael</div> 
<div>Sam</div> 
<div>John</div> 
<div>Jason</div>

现在，我们需要写脚本用于替代行中显示不同的颜色，

<script src="jquery.js"></script> 
<script> 
$(document).ready(function() 
{ 
    //for div 
    $("div:odd").css("background-color", "#F4F4F8"); 
    $("div:even").css("background-color", "#EFF1F1"); 
    //for table row 
    $("tr:even").css("background-color", "#F4F4F8"); 
    $("tr:odd").css("background-color", "#EFF1F1"); 
}); 
</script>

滤波器“偶数”和“奇数”可以jQuery中用于选择的奇数或偶数索引元素。如上所见，奇数和偶数“div”的背景颜色使用jQuery的“css”方法和“odd”和“even”过滤器进行更改，同样适用于偶数和奇数“tr”这意味着该行的表格。

来源

2011-05-17 03:16:39 jams

老兄，博客文章或文档的链接对问题做出了不好的回答。提供你的意见并帮助他解决他的具体问题。 – 2011-05-17 03:19:24

谢谢托马斯+1 :) – Sourav 2011-05-17 03:35:48

应用CSS样式/类的div

回答

相关问题