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

Question

我完全被这件事难住了。我在页面上有三个元素，其类为.topic-link。

<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 控制台中运行 $('.topic-link').eq(0).parent(); 并返回正确的父级。但是当我遍历它们时，每次都会得到一个空对象。

$('.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

箭头函数没有自己的this，所以你所拥有的不等同于

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

在您的情况下，this 是 window（或 document 或其他任何取决于调用它的范围），它没有父 dom 节点