Javascript 使用HTML标记筛选单元格

如何使jQuery DataTables插件的搜索功能忽略表单元格中的HTML标记。

---

示例：考虑一个包含字符串“hello”的单元格，当我键入“hello”时，没有返回“< /p> < p>使用<代码>样式> <代码>或<代码> MDATA选项。下面是datatables api中的示例：

Hello 如果筛选时只想去除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>;
      }

“mData”：函数（源、类型、val）{
如果（类型=='set'）{
来源=val；
//存储计算出的dislay和filter值以提高效率
source._display=…；//要显示的值
source._filter=…；//用于筛选的值
返回；
}
else if（类型==='display'）{
返回源。//source.price示例
}
else if（类型==='filter'）{
返回源。_filter；//您正在查找的si。
}
//“排序”、“类型”和“未定义”都只使用默认值
返回源。；
}

---

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

我没有JSON格式的数据，我认为它更简单：（…无论如何，谢谢您使用

sType

，并将所有列设置为“html”。请看我文章中的示例