javascript - 过滤带有 HTML 标签的单元格

Question

如何使 jQuery DataTables 插件的搜索功能忽略表格单元格内的 HTML 标记。示例：考虑一个包含字符串“

你好

"，当我输入 "Hello" 时，没有返回任何内容

Answer 1

使用sType或mData选项。这是来自数据表 api http://datatables.net/usage/columns#mData，http://datatables.net/usage/columns#sType的示例：

如果您只想在过滤时去除 html 标签，请使用 sType ：

"aoColumnDefs": [
      { "sType": "html", ... } // column[0] settings
    ]

aoColumnDefs对于定义中的复杂值编辑，请mData在要过滤的列上使用：

"mData": function ( source, type, val ) {
        if (type === 'set') { 
          source.<data> = val;
          // Store the computed dislay and filter values for efficiency
          source.<data>_display = ...; // value to be display
          source.<data>_filter  = ...; // value for filtering
          return;
        }
        else if (type === 'display') {
          return source.<data>; // example source.price
        }
        else if (type === 'filter') {
          return source.<data>_filter; // this si that you are looking for.
        }
        // 'sort', 'type' and undefined all just use default value
        return source.<data>;
      }

如果您以 JSON 格式获取数据，这就是解决方案。