如何在打字稿中使用JQuery的每个函数

Question

我想获得每个复选框的class / attr。代码示例如下。

  jQuery("input[type='checkbox']").each(()=> {
      let checkboxID = jQuery(this).attr("class");
      console.log(checkboxID);//output undefined
      console.log(this.atc1List); //typescript variable 
    });

Answer 1

内部箭头函数this引用您的类实例，因此请按如下方式更新您的代码，其中callback中的第二个参数引用该元素。

jQuery("input[type='checkbox']").each((i, ele) => {
  let checkboxID = jQuery(ele).attr("class");
  console.log(checkboxID);//output undefined
  console.log(this.atc1List); //typescript variable 
});

根据MDN Docs：

  

箭头函数表达式的语法短于函数表达式，并且没有自己的 this ，arguments，super或new.target。