2017-08-17 115 views
0

在我的DataTable按钮的配置,我有这样的:DataTable的按钮 - 自定义

buttons:[{ 
    extend: 'csvHtml5', 
    text: '<span class="blabel"><i class="fa fa-download"> </i></span><span class="btxt">Export table</span>', 
    className: 'btn btn-labeled' 
}, 

的结果是这样的按钮:

<a class="btn btn-default buttons-csv buttons-html5 btn-labeled" tabindex="0" aria-controls="DataTables_Table_0" href="#"> 
<span> ---> I wanna remove this 
<span class="blabel"> 
<span class="btxt">Export table to CSV</span> 
</span> 
</a> 

我想删除外部跨度和按钮,CSV按钮-html5类...什么是这样做的正确方法?

回答

1

您尝试使用:

删除span标签

$('span:not([class])').contents().unwrap(); 

,并删除classs

$('.buttons-csv.buttons-html5').removeClass('buttons-csv buttons-html5'); 
+0

感谢。我可以删除类,但不能跨度 – user3461461

+0

我更新了我的答案,我在'.unwrap()'之前添加了'.contents()'' –

+0

谢谢。它现在的作品:D – user3461461