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>

现在的问题是颜色 aqua 没有显示在屏幕上，但是如果我在 firebug 中检查 div，它的背景颜色设置为 aqua。

任何帮助深表感谢。

4

3 回答 3

2

您使用 css 代码而不是 jquery

#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;的东西（在移除高度之后）。还要确保spans 具有透明背景。

于 2012-10-16T12:41:44.383 回答