如果 hasClass 则将Class 添加到父级

Question

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

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();
}

为什么我不能使用（这个）？

Answer 1

点不是类名的一部分。它仅用于 CSS/jQuery 选择器表示法。请尝试以下操作：

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

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

Answer 2

或者你可以使用：

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

Answer 3

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

另外，hasClass 和 addClass 采用 < em>类名，而不是选择器。
因此，您不应包含 .。

Answer 4

你不能使用 $(this) 因为 jQuery 不知道它在那里。你似乎把事情过于复杂化了。您可以执行$('#content h1.aktiv').hide()。没有理由测试该类是否存在。

Answer 5

不起作用的原因是 this 在 if 语句内没有特定含义，您必须返回到定义 this 的范围级别（a功能）。

例如：

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

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

Answer 6

如果有人使用 WordPress，您可以使用以下内容：

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