Question

我有以下代码段，它必须按某种条件返回对象，但我收到此错误：Uncaught TypeError: Cannot read property 'obj1' of undefined。但是，我在使用控制台的li对象中看到了此数据attr。

for(var i = 0; i < 15; i++){

  li = $('<li>List</li>');
  $(li).data('test', {obj1: (i < 10 ? 'some' : 'any')});
  $(li).appendTo('#list');
}

var f = $('#list li').filter(() => {
  return $(this).data('test').obj1 == 'any'
});

console.log($(f));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id ="list">

</ul>

Answer 1

基本的经验法则是在处理UI相关内容时不使用箭头功能。就像，作为事件处理程序等。因为箭头函数会将其执行上下文绑定到自身。它无法以任何方式被覆盖。

var f = $('#list li').filter(function() {
  return $(this).data('test').obj1 == 'any'
});

使用普通匿名函数而不是箭头函数。如果您仍想使用箭头函数，则this将指向其执行上下文。它将指向SO的执行者中的window对象。

jQuery按数据属性过滤

1 个答案: