javascript - $ ('elems' ).each() 带有粗箭头

Question

我开始使用 ES6 粗箭头函数符号，我非常喜欢它。但是我对它的上下文有点困惑。据我所知，关键字 this inside fat arrow function 指的是函数当前运行的上下文。我想做一些简单的 jQuery 迭代，例如:

$('ul#mylist > li').each(() => {
   $(this).addClass('some-class-name');
});

但显然这段代码不起作用。我如何在粗箭头函数中引用此特定代码中的当前“LI”元素？

Answer 1

each() 方法向回调函数提供两个参数。它们是当前索引和当前项目。因此，您可以执行以下操作:

$('ul#mylist > li').each((i, v) => {
   $(v).addClass('some-class-name');
});

其中“v”变量是当前的“li”元素