Javascript 使用DataTables，如何在<；td>；搜查

我使用的是jquery DataTables，我有一个带单元格的表，每个

都包含一个

和一个隐藏的

，现在我只想过滤

中的文本，而不是

的全部内容，它也包含隐藏的

元素

我正在使用基本的DataTables配置：

$(document).ready( function () {
    $('#table_id').DataTable();
} );

我已经在这个网站上尝试了几天，Datatables网站，Google，但是找不到答案，所以请提前帮助我谢谢

代码是在服务器上生成的，但生成的表如下所示： 请注意：

元素是用css隐藏的

<tr>
     <td>
        <span>Text</span>
        <select>
        <option>option1</option>
        <option>option2</option>
        ....
        </select>
        </td>
    <td>
        <span>Text</span>
        <select>
        <option>option1</option>
        <option>option2</option>
        ....
        </select>
        </td>   
        </tr>
        ...

正文
选择1
选择2
....
正文
选择1
选择2
....
...

您可以使用下面的代码仅在特定列中的单元格内搜索

。请注意，我使用了

“targets”：[0，1]

仅根据HTML代码确定第一列和第二列的目标，并根据需要进行调整

$('#table_id').DataTable({
   "columnDefs": [{
      "targets": [0, 1],
      "render": function ( data, type, full, meta ) {
         if(type === 'filter'){
            return $('#table_id').DataTable().cell(meta.row, meta.col).nodes().to$().find('span').text();
         } else {
            return data;
         }
      }
   }]
});

或者，您可以使用

元素上的

数据搜索

属性来指定用于筛选的值，然后不需要额外的初始化代码。请参见下面的示例：

<tr>
    <td data-search="Text">
        <span>Text</span>
        <select>
        <option>option1</option>
        <option>option2</option>
        ....
        </select>
    </td>
    <td data-search="Text">
        <span>Text</span>
        <select>
        <option>option1</option>
        <option>option2</option>
        ....
        </select>
    </td>   
</tr>

正文
选择1
选择2
....
正文
选择1
选择2
....

---

有关

数据-

属性的更多信息，请参阅或。

我们可以获得您的代码吗？@D4V1D，我编辑了原始帖子以包含示例代码