2012-04-28 2 views
0

基本的に私はユーザーからのコメントを色付けして、明確で分かりやすいようにしたいと思います。 コメントはデータベースから来ており、PHPコードはHTMLページにコメントを生成します。私はCSSとJqueryも使用しています。私は試みましたが、私のコードは動作しません。phpコードで生成された奇数行と偶数行のユーザーJqueryセレクターはどうすればよいですか?

HTML/PHP:

<? 
for($i=0;$i<mysql_num_rows($comment);++$i) 
{ 
$row = mysql_fetch_array($comment); 
?> 
     <div class = "comment"> 
     <p> <? echo $row['c_content']; ?> by <? echo $row['c_name']; ?> </p> 
     </div> 
     <?}?> 

CSS:

.comment 
{ 
    background-color:#fff;  
} 

.alt 
{ 
    background-color:#ccc; 
} 

のjQuery:

$(document).ready(function(){ 
$(".comment:odd").addClass('alt'); 
}); 

あなたが見ることができるように、私は "奇数" のコメントクラスをしたいカラー#を持っていますCCC、さらには#FFFを持っています...助けてください

+0

PHPでテーブルを生成していて、それが 'n'のものにならない場合は、PHPのループに「奇数」クラスと「偶数」クラスを追加できます。 –

答えて

2

ここでjQueryを使う必要はありません。 CSSを使用します。

.comment:nth-child(even) { 
    background-color: #fff; 
} 

.comment:nth-child(odd) { 
    background-color: #ccc; 
} 
無関係が、注目に値する

はあなたのMySQLの結果にアクセスするために仲間と数字キーの両方を使用している場合を除き、あなたはmysql_fetch_assoc()を使用しての代わりに、mysql_fetch_array()またはあなたが常に使用されているのが習慣に入るべきであるということです2倍のメモリ。

+0

お時間をありがとう! jqueryに固執したいのであれば、私は何の間違いをしましたか? –

+0

'.alt'クラスに'!important'を追加したり、追加する代わりにクラスを置き換えたりすることができます。 – dtbarne

+0

'!important'はあなたが絶対に使用しなければ避けておくべき厄介なものです。ただそれをより具体的にしてください。例えば、これらの要素がdivの場合、CSSは 'div.alt'になります。これは' .comment'よりも具体的です。いわゆる「特異性戦争」も嫌なものですが、このような例の場合、それは正しい方法です! –

関連する問題