Jquery 悬停子li时设置父li的样式

我一直在读这个帖子，并试图让它与我的菜单一起工作，但它总是向我抛出语法错误，我不知道为什么

代码如下：

$('li.parent ul li').mouseenter(function() {
    $(this).parent().closest('li.parent').addClass('highlighted');
}).mouseleave(function() {
    $(this).parent().closest('li.parent').removeClass('highlighted');
});

致意 马丁：它很好用。使用.toggleClass使代码更简单

$(function() {

    $('li.parent ul li').hover(function() {

        $(this).closest('li.parent').toggleClass('highlighted');

      });
});

---

你能发布你得到的“语法错误”吗？你需要包括jQuery。如果您得到未捕获的引用错误：$未定义：您忘记添加jQuery。您得到了什么错误？在chrome中似乎工作正常。您必须包括jquery库并将所有代码推送到$document.readyfunction{}；您还可以删除.parent位