應用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

回答

相關問題