jquery - 如何在 typescript 中使用 JQuery 的每个函数

Question

我想获取每个复选框的类/属性。代码示例如下。

  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 引用您的类实例，因此更新您的代码如下，其中回调中的第二个参数引用元素。

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 :

An arrow function expression has a shorter syntax than a function expression and does not have its own this, arguments, super, or new.target.