0

我有这样的灯：

 <ul id="categoria"> <br>
    <li><a href="#">Categoria1</a></li>
    <li><a href="#">Categoria2</a>
        <ul class="sub-menu">
            <li><a href="#">Esercizio1</a></li>
            <li><a href="#">Esercizio2</a></li>
        </ul>
    </li>
    <li><a href="#">Categoria3</a></li>
    <li><a href="#">Categoria4</a>
        <ul class="sub-menu">
            <li><a href="#">Esercizio1</a></li>
            <li><a href="#">Esercizio2</a></li>
        </ul>
    </li>
    <li><a href="#">Categoria5</a></li>
</ul>

我想设置背景颜色，例如 red ，但仅适用于列表的子项。所以在这种情况下，Esercizio1、Esercizio2、ecc。用jQuery。怎么可能做到呢？我只知道为整个列表做。

4

4 回答 4

1

试试这个代码：

$('.sub-menu li').css('background', 'red');
于 2013-07-20T17:09:36.583 回答
1

你可以这样做：

$('element').children().css({'background-color':'red'});

在你的情况下：

$('ul li').children().css({'background-color':'red'});

更详细的版本：

$(".elementClassName li").children().css({'background-color':'red'});

例如，您可以仅指定 p 标记子项：

$(".elementClassName li").children('p').css({'background-color':'red'});
于 2013-07-20T17:09:45.730 回答
1

这有效： 这里的演示

$(".sub-menu li > a").css('background-color','red');
于 2013-07-20T17:10:08.330 回答
1

您可以使用此选择器。

$("#categoria li ul li > a").css({backgroundColor: "red" });

或者

$(".sub-menu li > a").css({backgroundColor: "red" });

在此处查看演示

您可以在此处了解jQuery 选择器。

这也可以使用 CSS 来实现：

#categoria li ul li > a { background-color: red; }

或者

.sub-menu li > a { background-color: red; }
于 2013-07-20T17:11:10.800 回答