jquery - 如何将类添加到jquery中当前元素数组的下一个元素？

Question

我想知道如何做这样的事情。

例如我有这样的东西:

<ul>
   <li><a href="1.html">first item</a></li>
   <li><a href="2.html">second item</a></li>
   <li><a href="3.html">third item</a></li>
   <li><a href="4.html">fourth item</a></li>
</ul>

我需要将 Class 添加到悬停元素，这很容易，我这样做:

$("li a").hover(
    function () {
        $(this).addClass("show");
    },
    function () {
        $(this).removeClass("show");
    }
);

但是，我还需要将 Class 添加到下一个 li 元素。

所以，当例如第一个 li a 元素悬停，类 show2 将添加到第二个 li a 元素的 li a 中。

如何做到这一点？

Answer 1

试试这个

$("li a").hover(
              function () {
                $(this).addClass("show").parent().next().addClass("show2");               


              },
              function () {
                $(this).removeClass("show").parent().next().removeClass("show2");

              }
            );