应用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");
什么我失踪?
:even
和:odd
是0索引的,并且可能不会产生您正在查找的结果。第一个元素是数字0,这是偶数,所以它被:even
选中,而不是第二个元素。
对于1索引,你错过了:nth-child()
pseudo-class:
$("div > div:nth-child(even)").addClass("evn");
请确保您拼写类名正确也一样,我不知道,如果你的CSS定义.evn
类...
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:19:24
谢谢托马斯+1 :) – Sourav 2011-05-17 03:35:48
最有可能你需要把它放在'$(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