我想知道如何做这样的事情。
例如我有这样的东西:
<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 中。
如何做到这一点?
最佳答案
试试这个
$("li a").hover(
function () {
$(this).addClass("show").parent().next().addClass("show2");
},
function () {
$(this).removeClass("show").parent().next().removeClass("show2");
}
);
关于jquery - 如何将类添加到jquery中当前元素数组的下一个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6973070/