Jquery 选择器的下拉菜单问题答案

【问题标题】：Jquery selector issues with dropdownJquery 选择器的下拉菜单问题
【发布时间】：2013-09-07 21:57:26
【问题描述】：

我有下拉菜单。在顶级项目中，鼠标悬停时将背景图像（胡萝卜指示器）应用于 href 标记。当光标位于子菜单项上时，我想在父 li href 项上保留或重置相同的背景图像。我是 jQuery 新手，请帮忙！

我厌倦了跟随，但显然不知道我在做什么

$('ul.sub-menu').parent('li a').hover(
  function() {
    $(this).css('background-image','/wp-content/themes/wp-crumblemagazine/images    /bg/carrot.gif');
  }, function() {
$(this).css('background-image','none');
  });
   });
});

这是页面的网址

http://mec.staging.wpengine.com/

【问题讨论】：

标签： javascript jquery

【解决方案1】：

首先，您的选择器没有返回任何对象，所以它可能是错误的......其次，我不会让箭头在进入子菜单时消失。 + 您还需要定位背景图片，而不仅仅是启用它。

但是...下面有一个带颜色的样本

jQuery('ul.sub-menu').parent().find('li>a').hover( function(){
    jQuery(this).parent().parent().parent().find("a.sf-with-ul").css('color','red');
},
function(){
    jQuery(this).parent().parent().parent().find("a.sf-with-ul").css('color','white');
}
);

【讨论】：