jQuery检查相邻的选择器

时间:2011-04-08 15:19:20

标签: jquery conditional next

我正在尝试检查相邻(下一个)选择器的存在,但我显然写得不正确......

我的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,而我的第二个没有显示...

3 个答案:

答案 0 :(得分:3)

应该没有圆点。 hasClass不接受选择器,只接受类的名称:

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

或者:

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

答案 1 :(得分:0)

也许试试这个。

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

只需删除.

即可

答案 2 :(得分:0)

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

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