jquery - 我如何使用 jQuery 改变 div 中的背景颜色？

Question

我想要一个 div 内的备用背景颜色。我通过以下代码完成的:

我希望我的第一行显示背景色，下一行显示另一种颜色。

我试过了，但没用。这是代码:

<script type="text/javascript">
    $(document).ready(function() {
        $(".rowBg div:odd").addClass("altBg");
    });
</script>

/*CSS*/
div.rowBg div { clear:both; padding:0; overflow:hidden }
div.altBg {  background-color:#eee !important;  overflow:hidden; padding:5px 0 } 
<!--HTML-->
<div class="rowBg">
            <div>
            <!--Row1-->
            <span class="alphabets">A</span>
            <span class="itemNames">
            <ul>
            <li><a href="../locate/refine.html?N=4294963558">Acer America</a></li>
            <li><a href="../promotions/index.html?page_id=3703">Acronis</a></li>
            <li><a href="../locate/refine.html?N=4294966145">Adaptec</a></li>
            <li><a href="../promotions/index.html?page_id=3163">Adobe</a></li>
            <li><a href="../promotions/index.html?page_id=4402">AirWatch</a></li>
            </ul>           
            </span>
            </div>
            <!--Row 2-->
            <div>
            <!--Row1-->
            <span class="alphabets">A</span>
            <span class="itemNames">
            <ul>
            <li><a href="../locate/refine.html?N=4294963558">Acer America</a></li>
            <li><a href="../promotions/index.html?page_id=3703">Acronis</a></li>
            <li><a href="../locate/refine.html?N=4294966145">Adaptec</a></li>
            <li><a href="../promotions/index.html?page_id=3163">Adobe</a></li>
            <li><a href="../promotions/index.html?page_id=4402">AirWatch</a></li>

            </ul>           
            </span>
            </div>

            </div>

谢谢，

Answer 1

我已经测试了您发布的 HTML/jquery，它正在做您期望的事情。 每个奇数 Div 都有一个 altBG 类。

我的建议是您的 CSS 有误，但由于尚未发布，我无法确认。 如果您将 jquery 的这一行更改为:

$(".rowBg div:odd").addClass("altBg");

到

$(".rowBg div:odd").css({"background-color":"#ff0000"})

您应该能够看到您的标记和 jquery 没问题。

希望这对您有所帮助。