如何从过滤数据表 jQuery 中删除 html 部分

Question

我使用数据表库，但遇到问题，我有过滤系统，如果在<td>中我有一些 html 代码，例如： <a hreff="#">TD name</a>我将有在 html 的部分列中：

在 JSFiddle 中，如果您将 select站代码 > 创建过滤器，您将在过滤结果中看到 HTML 代码。

您可以在此处查看代码示例。

我需要如何从拟合结果中删除 html 代码，我该怎么做？

Answer 1

替换 td 中的 html 标签并绘制它。

render: function ( data, type, row, meta ) {
  return data.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/g, '');
}

添加您的 function addSpliting

function addSpliting(val) {
  if(val != '') {
  
  $("#test1").DataTable({
    destroy: true,
    searchPanes: {
      layout: 'columns-4',
    },
    columnDefs: [{
      searchPanes: {
        show: true,
      },
      targets: '_all',
      render: function ( data, type, row, meta ) {
        return data.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/g, '');
      }
    }],
    dom: 'Pfrtip'
  });
  $('.dtsp-searchPanes').children().each(function(i, obj){
            if(!val.includes(i)) $(this).hide();
    else $(this).show();

});