jQuery:将类应用于所有“锚点”;特定div的标签

发布于 2024-09-10 08:57:12 字数 482 浏览 6 评论 0原文

我有这个脚本:

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

还缺什么吗,谢谢

I have this script:

<script type="text/javascript">

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

</script>

What I want to do, is apply those classes to all anchor tags of the next div:

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

But it has to only apply to anchor tags of 'top_menu' div.

What's missing?, thank you.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

_失温 2024-09-17 08:57:12

您将所有 top_menu 元素指定为范围,但没有这样的 HTML 元素。您想使用选择器 ".top_menu" 来指定类。

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

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

You are specifing all top_menu elements as scope, but there is no such HTML element. You want to use the selector ".top_menu" instead to specify the class.

Instead of specifying both a scope and a selector, you can use a single selector:

$(".top_menu a").addClass("ui-widget ui-state-default");
高速公鹿 2024-09-17 08:57:12

您使用的选择器是错误的..请尝试改用

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

the selector you're using is wrong .. try instead

$(function() {
    $("a", "div.top_menu").addClass("ui-widget ui-state-default");
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文