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的锚标签。

缺少什么？，谢谢。

Answer 1

您将所有top_menu元素指定为范围，但没有此类HTML元素。您希望使用选择器".top_menu"来指定类。

您可以使用单个选择器，而不是同时指定范围和选择器：

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

Answer 2

你正在使用的选择器是错误的......尝试改为

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