2

cssメニューを作成しようとしています。タグの最後のli > a要素すべての境界線とパディングを削除したいと思います 。child ul（混乱してすみません）

メニューのコードは次のとおりです

<ul id="nav">
                <li><a id="cat1" href="#">Menu 1</a></li>
                <li><a id="cat2" href="#">Menu 2</a></li>
                <li><a id="cat3" href="#">Menu 3</a>
                    <ul>
                        <li><a href="#">Sub Item 1 - M3</a></li>
                    </ul>
                </li>
                <li><a id="cat4" href="#">Menu 4</a>
                    <ul>
                        <li><a href="#">Sub Item 2 - M3</a></li>
                        <li><a href="#">Sub Item 3 - M3</a></li>
                        <li><a href="#">Sub Item 4 - M3</a></li>
                    </ul>
                </li>
            </ul>

コードは、最後の要素の境界線とパディングを削除する必要があります。

<li><a href="#">Sub Item 1 - M3</a></li>
<li><a href="#">Sub Item 4 - M3</a></li>

これを試しましたが、サブアイテム4のみの境​​界線を外します

$("#nav li ul").each(function(index) {
    $("#nav li ul > :last a").css('border','0 none');
    $("#nav li ul > :last a").css('padding','0');
});
4

2 に答える 2

7

電話する必要はありません.each。代わりに、次のセレクターを使用できます。

$("#nav li ul > li:last-child a").css({ border: 0, padding: 0 });
于 2010-03-21T12:07:10.990 に答える
1 
$("#nav li ul").each(function() {
    $("li:last a", this)
        .css('border', '0 none')
        .css('padding','0');
});
于 2010-03-21T12:07:31.503 に答える