如果是hasClass,那么addClass到parent

时间:2010-11-17 18:57:06

标签: javascript jquery addclass

原帖: 为什么这个简单的脚本不起作用?

if ($('#navigation > ul > li > ul > li > a').hasClass('.active')) {
    $(this).parent().parent().parent().addClass(".active");
}

修改

这不会隐藏H1:

if ($('#content h1').hasClass('aktiv')) {
    $(this).hide();
}

只有这样:

if ($('#content h1').hasClass('aktiv')) {
    $('#content h1').hide();
}

为什么我不能使用(这个)?

6 个答案:

答案 0 :(得分:29)

点不是类名的一部分。它仅用于CSS / jQuery选择器表示法。试试这个:

if ($('#navigation a').hasClass('active')) {
    $(this).parent().addClass('active');
}

如果$(this)引用该锚点,则必须将其更改为$('#navigation a'),因为if条件没有jQuery回调范围。

答案 1 :(得分:2)

或者你可以使用:

if ($('#navigation a').is(".active")) {
    $(this).parent().addClass("active");
}

答案 2 :(得分:0)

您可能希望将条件更改为if ($(this).hasClass('active'))

此外,hasClassaddClass采用类名,而不是选择器。
因此,您不应包含.

答案 3 :(得分:0)

你不能使用$(this),因为jQuery不知道它是什么。你似乎过于复杂。你可以做$('#content h1.aktiv').hide()。没有理由测试该类是否存在。

答案 4 :(得分:0)

不起作用的原因是因为this在if语句中没有特定含义,您将不得不回到定义this的范围级别(函数)。

例如:

$('#element1').click(function() {
    console.log($(this).attr('id')); // logs "element1"

    if ($('#element2').hasClass('class')) {
        console.log($(this).attr('id')); // still logs "element1"
    }
});

答案 5 :(得分:0)

如果有人使用WordPress,您可以使用以下内容:

if (jQuery('.dropdown-menu li').hasClass('active')) {
    jQuery('.current-menu-parent').addClass('current-menu-item');
}