jquery - jQuery: 特定の div のすべての「アンカー」タグにクラスを適用する

Question

私はこのスクリプトを持っています：

<script type="text/javascript">

$(function() {
    $("a", "top_menu").addClass("ui-widget ui-state-default");
});

</script>

私がやりたいことは、これらのクラスを次の div のすべてのアンカータグに適用することです。

<!-- Top menu -->
<div class="top_menu">
    <a href="test">An anchor</a>
    <a href="test1">Second Anchor</a>
</div>
<!-- End Top menu -->

ただし、「top_menu」div のアンカータグにのみ適用する必要があります。

何が足りないの?、ありがとう。

score 3 · Accepted Answer

すべてのtop_menu要素をスコープとして指定していますが、そのような HTML 要素はありません。".top_menu"代わりにセレクターを使用してクラスを指定します。

スコープとセレクターの両方を指定する代わりに、単一のセレクターを使用できます。

$(".top_menu a").addClass("ui-widget ui-state-default");

score 2 · Accepted Answer

使用しているセレクターが間違っています..代わりに試してください

$(function() {
    $("a", "div.top_menu").addClass("ui-widget ui-state-default");
});

2 に答える 2