获取jQuery每个循环中元素的父级[重复]

Question

我完全被这件事难住了。我在页面上有三个元素，其中一个类是。主题链接。

<div id="parent1">
  <a href="#" class="topic-link"></a>
</div>
<div id="parent2">
  <a href="#" class="topic-link"></a>
</div>
<div id="parent3">
  <a href="#" class="topic-link"></a>
</div>

我可以在JS控制台中运行$（'. tope-link'）. eq（0）.家长（）；并返回正确的家长。但是当我迭代它们时，每次都会得到一个空对象。

$('.topic-link').each( () => {
  console.log($(this).parent());
});

// returns 3 empty objects 

Answer 1

来自@charlietfl的回答：你会得到这种行为，因为箭头函数不会绑定自己的this。

要继续使用箭头函数，解决方法是使用中的第二个参数。each（），对象/数组的值。

示例（由于arguments变量也未绑定，因此需要参数）：

$('.topic-link').each( (∅, value) => {
  console.log($(value).parent());
});

Answer 2

箭头函数没有自己的此，因此您所拥有的并不等同于

$('.topic-link').each(function () {
  console.log($(this).parent());
});

在您的例子中，这个是没有父dom节点的窗口（或者文档，或者任何依赖于调用它的范围的东西）