jquery - 子の背景色リストを設定する

Question

私はこのように点灯しています：

 <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で。どのようにそれを行うことが可能ですか？私はリスト全体に対して行うことしか知りません。

Answer 1

このコードを試してください：

$('.sub-menu li').css('background', 'red');

Answer 2

あなたはこのようにすることができます：

$('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'});

Answer 3

これは動作します: デモはこちら

$(".sub-menu li > a").css('background-color','red');