обнаружить ссылку на 2-м уровне li и добавить span, а также добавить класс к родительскому li при наведении

Question

Я работаю над двухуровневым неупорядоченным списком меню и до сих пор смог предпринять несколько приличных шагов для новичка, выяснив, как показать и скрыть меню с помощью jQuery, а также немного оживить его.

Мне нужно решить две проблемы:

<Ол>

Я хочу, чтобы родитель li остался в состоянии зависания, когда оно зависло пока мышь находится над дочерним узлом ul

Я хотел бы определить, есть ли у родительского элемента ul значение ul, и добавить интервал между тегами a, что приведет к: <a href="#">Text <span style="addedStyle">&nbsp;</span></a>

Вот jQuery, который я использую до сих пор. " .addClass (" active ") " похоже, ничего не делает:

$(".leftMenu li:has('ul')").hover(
    function(){
        $(this).addClass("active").children().animate({opacity: 'show'});
    },
    function(){
        $(this).removeClass("active").children().hide();
    }
);
//this line is wrong and non-functional
$(".leftMenu li:has('ul > a')").append('<span class="arrowdiv">&nbsp;</span>');

Ждем!

Answer 1

Разобрался. Узнавать что-то новое каждый день!

Я должен был найти " a " и добавить это к этому. это просто добавлялось ко всему ли, и я должен был сосредоточиться на a, что я, очевидно, сделал так:

$(".leftMenu li:has('ul') > a").append('<span class="arrowdiv">&nbsp;</span>')
.parent().hover(
function(){
  $(this).addClass("active").children().animate({opacity: 'show'});
},
function(){
 $(this).removeClass("active").children().hide();
}
);