JQuery $（＆＃39; .menu＆＃39;）。（＆＃39; .sub-menu＆＃39;）。addClass（＆＃39; has-sub＆＃39;）无效

Question

我正在尝试为元素添加一个新类，如果它有＆＃34;子菜单＆＃34;类。但它没有用。这是代码：

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