如何通过悬停在这个ul块之外的另一个li元素来更改li元素的css属性

Question

我正在创建两个独立的ul>li块来创建一个菜单，就像下面的结构一样

http://puu.sh/g0Khj/5fb3e53fa1.png

我需要显示悬停/选定菜单的一些反映，所以我决定使用相同大小的两个ul结构。现在我的问题是，如果我在ul类a上悬停任何li，我需要更改底部ul的受尊重的css（第n个元素），即类b

有可能吗？

感谢

Answer 1

您可以使用jquery

$(".a").children('li').each(function(indice, elt) {
     $(elt).hover(function(){
         var child = $(".b").children('li')[indice];
         $(child).css("your css");
     }
}