$('.menu').has('.sub-menu').addClass('has-sub') JQuery不工作

Question

如果元素有“子菜单”类，我将尝试向它添加一个新类。但这是行不通的。以下是代码：

$(document).ready(function() {
   $('.menu').has('.sub-menu').addClass('has-sub');
});

但是，当我移除.addClass()函数并在if语句中使用.has()函数时，它是工作的。以下是代码：

$(document).ready(function() {
    if($('.menu').has('.sub-menu')) {
       console.log('it's working');
    }
});

我认为问题在于.addClass()函数，但尽管多次尝试，我还是无法正确设置它。所以请帮我对付这些家伙。

Answer 1

试一试

$(document).ready(function() {
   $('.menu').children('.sub-menu').addClass('has-sub');
});

Answer 2

这应该是可行的，但是只有当您有一个带有类菜单的元素时，如果您有多个元素，则需要创建一个循环($.each)并运行更多的测试。

$(document).ready(function() {
        if($('.menu').has('.sub-menu')) {
           $('.menu').addClass('has-sub');
        }
    });

Answer 3

试试这个，有用的

$(document).ready(function() {
        if($('.menu').has('.sub-menu')) {
           $(".sub-menu").addClass('lol');
        }
    });