Jquery 数据表筛选器/搜索表中的图标图像

Jquery data table filter/search icon image in the table

本文关键字：图标 图像 搜索表 数据表 筛选 Jquery      更新时间：2023-09-26

我有一个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"并在数据表上显示。当前使用正常的数据表初始化时，它不会显示该列中的任何数据。是否需要任何自定义来过滤此类数据？感谢您的评论。

编辑：

例如，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>

这可能吗？

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

<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 }

然后在搜索中搜索"玻璃"时，它将执行过滤器并显示玻璃图标行。祝您编码愉快！

相关文章：