Datatables 单个列搜索（选择输入）无法正常使用html标记

我在我的表中使用datatable，我的表td包含html（标签）标记，但第一个下拉列表没有显示唯一的值。我们如何才能做到这一点？请检查我的

var jQ=$.noConflict（true）；
jQ（“#表”）.DataTable({
//“页面长度”：50，
回答：是的，
“分页”：false，
//fixedHeader:true，
是的，
initComplete:函数（）{
this.api（）.列（[0,1,2,3]）。每个（函数（）{
var列=此；
变量选择=jQ（“”）
//.appendTo（jQ（column.header（）））
.appendTo（jQ（“#table thead tr:eq（1）th”）.eq（column.index（））.empty（））
.on（'change'，function（）{
var val=jQ.fn.dataTable.util.escapeRegex(
$（this.val（）
);
柱
.search（val？“^”+val+“$”：“”，true，false）
.draw（）；
} );
jQ（选择）。单击（功能（e）{
e、 停止传播（）；
});
column.data（）.unique（）.sort（）.each（函数（d，j）{
//控制台日志（d）；
select.append（“”“[1]。split（“”+d.split（“>”[1]。split（我已通过以下代码解决了此问题。请查找更新的Fiddle


jQ（“#表”）.DataTable({
//“页面长度”：50，
自动宽度：正确，
fixedColumns：对，
columnDefs：[
{“宽度”：“15%”，“目标”：[0,1,2,3,4,5]}，
],
回答：是的，
“分页”：false，
fixedHeader:true，
是的，
initComplete:函数（）{
this.api（）.列（[0,1,2,3]）。每个（函数（）{
var列=此；
var uniqueNames=[]；
jQ.each（column.data（），函数（i，el）{
if（jQ.inArray（（jQ（el.text（）），uniqueNames）=-1）
uniqueNames.push（jQ（el.text（））；
});
log（uniqueNames.sort（））；
var select=jQ（'Show all'）
//.appendTo（jQ（column.header（）））
.appendTo（jQ（“#table thead tr:eq（1）th”）.eq（column.index（））.empty（））
.on（'change'，function（）{
var val=jQ.fn.dataTable.util.escapeRegex(
jQ（this.val（））
);
柱
.search（val？“^”+val+“$”：“”，true，false）
.draw（）；
} );
jQ（选择）。单击（功能（e）{
e、 停止传播（）；
});
jQ.each（uniqueNames.sort（），函数（索引，值）{
console.log（值）；
select.append（“”+value+“”）
});
} );
},                 
//“pagingType”：“完整编号”，
自动填充：对，
dom:'Blfrtip'，
})；