Question

$('.arrow').eq(0).hover(function () {
    $('.sub-menu').eq(0).css('visibility', 'visible');
    $('.arrow').eq(1).hover(function () {
        $('.sub-menu').eq(1).css('visibility', 'visible');
        $('.arrow').eq(2).hover(function () {
            $('.sub-menu').eq(2).css('visibility', 'visible');
            $('.arrow').eq(3).hover(function () {
                $('.sub-menu').eq(3).css('visibility', 'visible');
                $('.arrow').eq(4).hover(function () {
                    $('.sub-menu').eq(4).css('visibility', 'visible');
                    $('.arrow').eq(5).hover(function () {
                        $('.sub-menu').eq(5).css('visibility', 'visible');
                        $('.arrow').eq(6).hover(function () {
                            $('.sub-menu').eq(6).css('visibility', 'visible');
                            $('.arrow').eq(7).hover(function () {
                                $('.sub-menu').eq(7).css('visibility', 'visible');

                            });
                        });
                    });
                });
            });
        });
    });
});

我可以有一个函数，如果父项悬停，它会为子项添加类吗？我想导航到wp主题。感谢））

Answer 1

这是你之后的事吗？

$('.parent').hover(function() {
    $(this).children().addClass('className');
});

编辑：我不认为你想要这种通用的东西......我不完全确定你在那里做什么，抱歉。

Answer 2

我想你需要这样的东西： //听听任何.arrow的悬停 $（＆＃39; .arrow＆＃39;）。悬停（功能（）{ //悬停进入 //使用相同的索引定位.sub菜单并显示它 $（＆＃39; .sub-menu＆＃39;）。eq（$（this）.index（））。css（＆＃39; visibility＆＃39;，＆＃39; visible＆＃39;）; }，功能（）{ //悬停出口 //使用相同的索引定位.sub菜单并隐藏它 $（＆＃39; .sub-menu＆＃39;）。eq（$（this）.index（））。css（＆＃39; visibility＆＃39;，＆＃39; hidden＆＃39;）; } ）; 作为记录：是的我知道这可以在一定程度上进行优化，但我认为这将有助于OP更好地理解jQuery的强大功能和多功能性。

如何增加jquery：eq（）参数超出悬停功能？

2 个答案: