$（this）选择窗口对象而不是单击元素jquery

Question

我有一个非常奇怪的问题。我只想选择一个被点击的元素。我做了很多次，它总是工作，但这次，jQuery $（this）选择器不选择被点击的元素，它选择窗口对象。请让我知道，如果你有一个想法，可能是什么原因。我正在使用jQuery 2.1.4和Twitters Bootstrap 3.3.5

HTML：

<a class="btn btn-danger btn-xs delete-file"><i class="fa fa-trash" aria-hidden="true"></i> Löschen</a>

jQuery的：

$(document).ready( () => {
   $('.delete-file').on('click', () => {
      let element = $(this);
      console.log(element);
    });
});

控制台 - 输出：

n.fn.init [Window]

而不是：

n.fn.init [a.btn.btn-danger.btn-xs.delete-file]

提前谢谢！

Answer 1

这是因为您正在使用箭头功能。根据标准函数定义，此函数的内容范围不会更改。要让this工作，您需要更改逻辑：

$(document).ready(() => {
  $('.delete-file').on('click', function() {
    let element = $(this);
    console.log(element);
  });
});

或者，您可以保留箭头功能，并通过所引发事件的target属性检索对所单击元素的引用：

$(document).ready( () => {
  $('.delete-file').on('click', (e) => {
    let element = $(e.target);
    console.log(element);
  });
});