检索点击项的数据属性，jQuery＆amp; ES6

Question

ES6新手。试图获取点击链接的数据属性。 HTML：

<ul class="home-news-slider-categories">
  <li><a href="#" data-slide="1">Slide 1</a><li>
  <li><a href="#" data-slide="2">Slide 2</a><li>
  ...
</ul>

在我的JS中，我编写了一个测试函数，用于在单击时获取给定项目的slide数据属性：

$('.home-news-slider-categories > li > a').click((e) => {
  console.log($(this).data('slide'));
  e.preventDefault();
});

每当我点击链接时都会触发该事件，但控制台每次都会返回undefined。

我是否正确使用$（this）？