2017-08-17 86 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