jQuery 检查相邻选择器

发布于 2024-10-31 18:23:43 字数 502 浏览 1 评论 0原文

我正在尝试检查是否存在相邻(下一个)选择器,但我显然写错了...

我的 HTML

<div id="container">
<div class="about"></div>
<div class="related"></div>
</div>

我的 jQuery:

jQuery(document).ready(function() {
console.log(jQuery("div.about").next().hasClass(".related"));
    if (jQuery("div.about").next().hasClass(".related"))
    {
        console.log("do something");
    }
});

我的第一个 console.log 显示 FALSE,而我的第二个根本不显示...

I am trying to check for the existence of an adjacent (next) selector but I am clearly writing it incorrectly...

My HTML

<div id="container">
<div class="about"></div>
<div class="related"></div>
</div>

My jQuery:

jQuery(document).ready(function() {
console.log(jQuery("div.about").next().hasClass(".related"));
    if (jQuery("div.about").next().hasClass(".related"))
    {
        console.log("do something");
    }
});

My first console.log shows FALSE and my second isn't showing at all...

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

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

发布评论

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

评论(3

清眉祭 2024-11-07 18:23:43

它应该没有点。 hasClass 不采用选择器,而仅采用类的名称:

jQuery("div.about").next().hasClass("related")

或者:

jQuery("div.about").next('.related').length > 0

It should be without the dot. hasClass does not take a selector, but just the name of the class:

jQuery("div.about").next().hasClass("related")

Or alternatively:

jQuery("div.about").next('.related').length > 0
七月上 2024-11-07 18:23:43

也许可以试试这个。

jQuery("div.about").next().hasClass("related");

只需删除 .

Maybe try this instead.

jQuery("div.about").next().hasClass("related");

Just drop the .

若沐 2024-11-07 18:23:43

您的 .hasClass 选择器中不需要 .

jQuery(document).ready(function() {
    console.log(jQuery("div.about").next().hasClass("related"));
    if (jQuery("div.about").next().hasClass("related")) {
        console.log("do something");
    }
});

You don't need the . in your .hasClass selectors

jQuery(document).ready(function() {
    console.log(jQuery("div.about").next().hasClass("related"));
    if (jQuery("div.about").next().hasClass("related")) {
        console.log("do something");
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文