如何在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>

我需要addClass来悬停一个元素,这很容易我这样做:

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

但是,我还需要将addClass添加到每个下一个li元素.

所以,当例如第一立一个 eleemnt悬停类show2将被添加到立一个第二立一个元件的.

这该怎么做？

Answer 1

试试这个

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


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

              }
            );