1

div のリスト/行を入力する div があります。行に別の色を付ける必要があります。そのために私は次のことをしています

$('#PlatformErrorsTableData').html(table1Html);
$('#PlatformErrorsTableData div:nth-child(even)').css("background-color", "aqua");

table1Html は次のようになります。

<div>
  <span class="platformTable columnWidth10">Originator1</span>
  <span class="platformTable truncate">Message for Originator# 1</span>
  <span class="platformTable columnWidth15">Server1</span>
  <span class="platformTable columnWidth20">5:50 PM</span>
</div>
<div>
  <span class="platformTable columnWidth10">Originator2</span>
  <span class="platformTable truncate">Message for Originator# 2</span>
  <span class="platformTable columnWidth15">Server2</span>
  <span class="platformTable columnWidth20">5:50 PM</span>
</div> 
<div>
  <span class="platformTable columnWidth10">Originator3</span>
  <span class="platformTable truncate">Message for Originator# 3</span>
  <span class="platformTable columnWidth15">Server3</span>
  <span class="platformTable columnWidth20">5:50 PM</span>
</div>
<div>
  <span class="platformTable columnWidth10">Originator4</span>
  <span class="platformTable truncate">Message for Originator# 4</span>
  <span class="platformTable columnWidth15">Server4</span>
  <span class="platformTable columnWidth20">5:50 PM</span>
</div>

問題は、水色が画面に表示されていないことですが、firebug で div を調べると、背景色が水色に設定されています。

どんな助けでも大歓迎です。

4

3 に答える 3

2

jquery の代わりに css コードを使用する

#PlatformErrorsTableData div:nth-child(2n){
   background:#a5a5a5;
}

#PlatformErrorsTableData div:nth-child(2n+1){
   background:#eee;
}
于 2012-10-16T13:19:11.657 に答える
1

あなたのコードはここでうまく動作します

ライブデモ

あなたのcssスタイリングの試行設定に問題があると思います

overflow:hidden

min-heightまた、divに提供します

それはあなたを助けることができるかもしれません

于 2012-10-16T12:55:50.623 に答える
0

s に明示的な高さを設定しdivて開始してみてください。それが機能する場合は、CSS に問題がある可能性が高く、overflow: hidden;(高さを削除した後に) CSS のようなものが必要になる場合があります。また、spanの背景が透明であることを確認してください。

于 2012-10-16T12:41:44.383 に答える