带有ES6箭头功能的jQuery .each()函数

Kestanu文字:

我有这个ES6代码,在我将Babel编译为ES5之后,this内部.each的回调变为undefined我该如何解决这个问题?

let mediaBoxes = $(".now-thumbnail");
let titles = [];
mediaBoxes.each(() => {
      let obj = {
              index: i,
              title: $(this).find(".now-thumbnail-bottomtext").text().trim()
           };
  titles.push(obj);
});
Kestanu文字:

我的解决方案是根本不使用this,而是使用传递给回调函数的变量。第一个是索引,第二个是DOM元素本身。

 let mediaBoxes = $(".now-thumbnail");
 let titles = [];
 mediaBoxes.each((index, element) => {
                let obj = {
                    index: index,
                    title: $(element).find(".now-thumbnail-bottomtext").text().trim()
                };
                titles.push(obj);
 });

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Javascript

带有箭头功能es6的setTimeout ReactJS

来自分类Dev

ES6箭头功能:为什么在构造函数和对象文字中使用“ this”时指向不同?

来自分类Dev

jQuery和ES6箭头功能

来自分类Dev

没有括号的ES6箭头功能

来自分类Dev

没有参数的ES6箭头功能

来自分类Dev

筛选箭头功能(ES6)

来自分类Dev

带有箭头功能的jQuery

来自分类Javascript

ES6箭头函数是否有自己的参数?

来自分类Javascript

ES6箭头功能中的“ this”指的是什么?

来自分类Dev

类属性中的es6箭头功能

来自分类Javascript

单行到多行ES6粗箭头功能?

来自分类Dev

如何更改ES6箭头功能的“ this”指向的内容?

来自分类Javascript

javascript es6双箭头功能

来自分类Dev

带括号的ES6箭头功能

来自分类Dev

ES6箭头功能是否与Angular不兼容?

来自分类Dev

ES6箭头功能和array.map

来自分类Dev

了解嵌套箭头功能ES6

来自分类Dev

带打字稿的ES6箭头功能

来自分类Dev

转换简单的for循环箭头功能es6

来自分类Dev

ES6箭头功能和setTimeOut

来自分类Dev

有人可以解释箭头功能吗?(ES6)

来自分类Dev

jQuery .each CSS不是函数

来自分类Dev

jQuery“ each()”函数是否同步?

来自分类Dev

jQuery .click.each函数

来自分类Dev

如何使用ES6箭头函数从jQuery on()事件获取元素?

来自分类Dev

没有箭头功能的Mocha TypeScript错误“ this.timeout不是函数”

来自分类Javascript

使用JavaScript ES6箭头函数的立即函数

来自分类Dev

ES6箭头函数和函数内部的词法范围

来自分类Dev

ES6箭头函数的return语句中括号内的括号有什么作用?

TOP 榜单

热门标签

归档