奇偶選擇器爲div問題

我有一個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>

現在的問題是，沒有被顯示在屏幕上的顏色淺綠色，但如果我檢查在螢火蟲的div，它有背景顏色設置爲aqua。

任何幫助，非常感謝。

來源

2012-10-16 Gautam

嘗試在'div'開始設置明確的高度。如果這樣做，你很可能會遇到CSS的問題，你可能需要像'overflow：hidden;'這樣的東西（去掉高度後）。還要確保'span'具有透明背景。 –

你的問題是什麼？ –

你能給我們演示一個小提琴嗎？ –

你的代碼工作正常，在這裏

Live Demo

我認爲有一些問題，你的CSS樣式嘗試設置

overflow:hidden

，並且還提供min-height到您的div

可能會幫助你

來源

2012-10-16 12:55:50 rahul

嘗試在div s上設置明確的高度以啓動。如果這樣做，你最有可能有一個CSS的問題，你可能需要像他們overflow: hidden;（刪除高度後）。還要確保span具有透明背景。

來源

2012-10-16 12:41:44

您使用的CSS代碼，而不是jQuery的

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

#PlatformErrorsTableData div:nth-child(2n+1){ 
    background:#eee; 
}

來源

2012-10-16 13:19:11

奇偶選擇器爲div問題

回答

相關問題