javascript - 使用 jquery 将填充更改为类，但仅更改为单击的元素

Question

好的，如果重复这个问题，我很抱歉，但我真的想不出答案。

O 有带有类的菜单，当我点击一些菜单项时我想要那个 .menuitem > a该链接有更多 paddingBottom。

因此，我设法使用了 .click 函数和动画函数，但它们为整个类(所有菜单项)添加了填充。我需要的是仅向 THAT CLICKED 菜单添加填充。

对所有菜单项(整个类)进行填充的代码

$(".menuitem" ).click(function() {
    $('.mainNav > ul > li > a').animate({paddingBottom:"+=17px"});
});

Answer 1

when I click on some menu items .menuitem > a that link have more paddingBottom

在点击处理程序中，被点击的特定 .menuitem 元素可以由 this 引用。因此，使用 $(this) 你可以使用 jQuery's DOM traversal method(s)从该元素移动到您想要设置动画的相关元素。

如果 anchor 是您要将点击处理程序绑定(bind)到的 .menuitem 元素的子元素，那么获取对该 anchor 的引用的最简单方法是使用 .find() method :

$( ".menuitem" ).click(function() {
    $(this).find("a").animate({paddingBottom:"+=17px"});
});