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

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