JQuery：选择数据表隐藏列内的元素

Question

我有这样的代码：

<table class="table" id="items">
  <thead>
    <tr>            
      <th>Acc Name</th>
      <th class="hjob">Job</th>
    </tr>
  </thead>
  <tbody>
    <tr>                
      <td><input class="acname"></td>
      <td><input class="job"></td>
    </tr>
  </tbody>
</table>

在 dataTables 定义中，使用“hjob”类隐藏列标题：

$('#items').DataTable({ 
  columnDefs: [ { visible: false, targets: 'hjob' } ]
});

然后，我想选择 tr 标签内的所有元素（包括隐藏的元素）

$('tbody').find('tr:first').find('input').each(function() {
  console.log($(this).attr('class'));
});

但是，我只有“accname”（无法获得“job”）类。是否可以在隐藏列中选择元素/单元格？

提前致谢。

Answer 1

您的表格是否包含在table 元素中？添加它们使其如您所描述的那样工作 - 输出两个输入的类：

$('tbody').find('tr:first').find('input').each(function() {
  console.log($(this).attr('class'));
});

.hjob, .job {
visibility:hidden;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>          
      <th>Acc Name</th>
      <th class="hjob">Job</th>
    </tr>
  </thead>
  <tbody>
    <tr>              
      <td><input class="acname"></td>
      <td><input class="job"></td>
    </tr>
  </tbody>
</table>