Question

我试图遍历表格行，传入一个对象，抓住每一行的数据过滤器，并根据我传入的数据（键值对）进行检查。我的下面的代码并没有抓住数据过滤器值。我做错了什么？

HTML

<table id="table">
   <tr data-filter="1">
     <td></td>
   </tr>
   <tr data-filter="2">
     <td></td>
   </tr>
   <tr data-filter="3">
     <td></td>
   </tr>
</table>

JS

$('#table > tr').each(function(data) {
  var $this = $(this);
  var filter = $this.attr(data-filter);
  console.log(filter);
}

Answer 1

要考虑的一件事是，当代码在浏览器中呈现时，浏览器会在tbody内自动添加table标记，然后此$('#table > tr')选择器将失败，因为这将选择直接{ {1}}元素但是现在在浏览器中直接子节点是tr。如果你知道那么继续让另一个案例是：

tbody

循环表行+抓取属性

1 个答案: