悬停时隐藏元素的jQuery目标父对象(或不)

我试图将一个类(或CSS)添加到隐藏的ul的父项a中,当祖父母li悬停时会显示该类.
我不能直接更改代码以获得结果,所以我需要jQuery.
代码如下：

的HTML

<nav class="main-menu">
  <ul>
    <li>
      <a>
        <ul class="sub-menu">

的CSS

.main-menu .sub-menu {display: none;}
.main-menu li:hover .sub-menu {display: block;}
.hovered {color: red;}

这是我正在尝试使用jQuery的方法,但是它不起作用：

jQuery的

jQuery(".nm-main-menu ul.sub-menu).hover(function(){
  jQuery(this).parent().addClass("hovered");
});

这一切都在fiddle中.
也许.hover()不是要走的路…
请帮忙.

解决方法:

jQuery(".nm-main-menu ul.sub-menu").hover(function(){
  jQuery(this).parent().addClass("hovered");
});

您错过了选择器内的双引号.工作正常

小提琴：https://jsfiddle.net/gyowv1dx/1/

标签：jquery-hover,parent,css,javascript,jquery
来源： https://codeday.me/bug/20191118/2026633.html