表格中的jquery数据表过滤器/搜索图标图像答案

【问题标题】：Jquery data table filter/search icon image in the table表格中的jquery数据表过滤器/搜索图标图像
【发布时间】：2013-10-10 02:41:38
【问题描述】：

我在每个单元格中有一个带有图标图像的 Jquery 数据表列：

<tr><td><i class="icon-glass"></i></td></tr>
<tr><td><i class="icon-music"></i></td></tr>
<tr><td><i class="icon-glass"></i></td></tr>
<tr><td><i class="icon-music"></i></td></tr>

我想只过滤class="icon_name1" 并显示在数据表上。目前使用正常的数据表初始化，它不会显示该列中的任何数据。是否有任何自定义需要过滤此类数据？感谢 cmets。

已编辑：

例如，class="icon-glass" 将在我的数据表列中显示来自以下之一的图标：http://andymatthews.net/code/jquery-mobile-icon-pack/font-awesome/faicons.png。当它不是一个词时，我可以只过滤数据表中的icon-glass吗？我只想在我的表格中显示以下内容：

<tr><td><i class="icon-glass"></i></td></tr>
<tr><td><i class="icon-glass"></i></td></tr>

这可能吗？

【问题讨论】：

另外，你不应该有 2 个具有相同值的 id，而是使用类。
@SolomonClosson 感谢您指出
@YosepKim 请检查我的问题的修订版

标签： javascript jquery html datatable icons

【解决方案1】：

对于那些感到困惑并记下这篇文章的人，感谢您在那里阅读，我已经通过设置另一个带有浏览器不可见但可搜索的标志的列来解决我自己的问题：

<tr><td><i class="icon-glass"></i></td><td>glass</td></tr>
<tr><td><i class="icon-music"></i></td><td>music</td></tr>
<tr><td><i class="icon-glass"></i></td><td>glass</td></tr>
<tr><td><i class="icon-music"></i></td><td>music</td></tr>

将第二列设置为：

{ "bVisible": false }

然后在搜索中搜索“玻璃”时，它会进行过滤并显示玻璃图标行。编码愉快！

【讨论】：