Проблемы с JQuery с выпадающим списком

Question

У меня выпадающее меню. На верхнем уровне элемент имеет фоновое изображение (индикатор моркови), применяемое к тегу 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/

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