如何使用jQuery DataTables插件过滤带有特殊字符的结果？

php jquery special-characters html-entities datatables

2022-08-31 01:20:07

我在我的应用程序中使用jQuery DataTables插件，我的许多表行和过滤器都有特殊字符，特别是其中的与号（&）。当我尝试对这些列进行筛选时，所有记录都会消失，并显示“找不到匹配的记录”。

我尝试过编码（即htmlspecialchars）和解码（即htmlspecialchars_decode）字符串，然后再将它们打印到页面上，但似乎都不起作用。

任何想法为什么会发生这种情况，以及我如何解决它？

网页：

<select id="filter_col_1" name="filter_col_1">
    <option value="">Select</option>
    <option value="A&B">A&B</option>
    <option value="C">C</option>
    <option value="D">D</option>   
</select>

<tr>
    <td>A&B</td>
    <td>Jones, Brandon</td>
    <td>01/02/2003</td>
</tr>

JavaScript：

$("#filter_col_1").change( function() { 
    $('#results').dataTable().fnFilter(
        '\\b' + $("#filter_col_1").val() + '\\b',
        1,
        true,
        false
    );
} );

更新#1：问题似乎只发生在您限制列时。请参见数据表 API。当参数设置为“null”时工作正常。http://jsfiddle.net/gkdcZ/4/

更新#2：再近一点。添加函数以替换 HTML 实体适用于某些字符（即 & 符号），但不适用于其他字符（即感叹号和问号）。查看 http://jsfiddle.net/cz6Bs/4/

'\\b' + htmlEntities($('#filter_col_1').val()) + '\\b'

function htmlEntities(str) {
return String(str).replace(/&/g, '&amp;')
                  .replace(/</g, '&lt;')
                  .replace(/>/g,     '&gt;')
                  .replace(/"/g, '&quot;');
}

答案 1

dataTables确实存在一个错误，它会导致任何特殊字符出现问题，因此您必须转义它们。

http://jsfiddle.net/cz6Bs/

注意：我添加了XRegExp作为转义的另一个资源。http://xregexp.com/

答案 2

试试这个：

$(document).ready(function() { 
$('#results').dataTable();
$("#filter_col_1").change( function() { 
    $('#results').dataTable().fnFilter(  
'\\b' + htmlEntities($('#filter_col_1').val()) + '\\b', 
 0,
true,
false
);
 } );  


});    
function htmlEntities(str) {
return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g,     '&gt;').replace(/"/g, '&quot;');
}