检测第二级li中的链接并添加一个范围，并在悬停时将父类添加到父li

Question

我正在开发一个两级无序列表菜单，到目前为止，它已经能够采用一些不错的新手步骤来确定如何使用jQuery显示和隐藏菜单，以及为它制作动画。

我有两个问题需要解决：

1. 我希望保留父母李 在悬停状态下悬停 当鼠标悬停在其子ul上时
2. 我想检测父li是否有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();
}
);