Question

我已经找到了问题的一部分，但仍然需要工作。我想要实现的是当我将鼠标悬停在div上时，如果原始类相同，则其他div应该将类添加到它们中。让我们开始吧。

我有一个菜单：

<ul id="listz"><li class='has-sub'><a href='/produse/trape-de-fum-si-ventilatie/'><span>Smoke vents</span></a>
                    <ul>
                        <li class='has-sub'><a href='/produse/trape-de-fum-si-ventilatie/trape-de-fum/'><span>Trape de fum</span></a>
                            <ul>
                                <li><a href='/rokvent-simplu-canat'>RokVent Simplu canat</a></li>
                                <li><a href='/pheonix-dublu-canat'>Ph&ouml;nix Dublu canat</a></li>
                                <li><a href='/megaphonix'>Megaph&ouml;nix</a></li>
                                <li><a href='/megastar'>MegaStar</a></li>
                                <li><a href='/firefighter'>Firefighter</a></li>
                                <li><a href='/smokejet'>SmokeJet</a></li>
                                <li class='last'><a href='/multijet'>MultiJet</a></li>
                            </ul>
                        </li>
                        <li class='has-sub'><a href='/produse/trape-de-fum-si-ventilatie/trape-de-ventilatie-si-vizitare/'><span>Trape de ventilatie si vizitare</span></a>
                            <ul>
                                <li><a href='/rokvent-luminatoare-fixe'>RokVent(luminatoare fixe)</a></li>
                                <li class='last'><a href='/rokpas-luminatoare-acces'>RokPas(luminatoare acces)</a></li>
                            </ul>
                        </li>
                    </ul>
                </li></ul>

正如你所看到的，我有父母的“烟雾通风口”，它有孩子。菜单位于左侧。在右侧，我将有一张带有排烟元件的仓库的照片。当您将鼠标悬停在它们上方时，它们会改变颜色。

此时菜单需要打开并显示菜单中的相关产品。因此，当您将鼠标悬停在仓库的元素上时，它应该将类添加到菜单中，以便我可以更改背景并显示该元素是该产品。

一个问题是我需要它来按类匹配它们（我将使每个元素都独一无二）。

第二个问题是当我将鼠标悬停在图像的一部分上时菜单不会打开。如果我打开菜单，我可以在菜单中看到突出显示的项目。

这是我现在获得的代码，并且只是通过按顺序匹配来进行悬停部分。（我的意思是，如果我只向父母添加它显示的类，但如果我添加到一个孩子那么最后一个父将没有addClass）：

<script type="text/javascript">
        $("#listz1 li,#listz2 li").hover(function() {
            var index =  $(this).index();
            $("#listz1, #listz2").each(function() {
                $(".link1",this).eq(index).toggleClass("hoverz");
            });
        });
    </script>

悬停一个元素，将类添加到具有相同类的另一个div

0 个答案: