今天使用datatables插件的時候,由於需求是把自帶的search去掉,並且給輸入框加上placeholder="Search",使其看起來更簡潔美觀,於是乎簡單粗暴的把代碼改了,即
$("#dataList_filter").find("label").html('<input type="search" class="" placeholder="search" aria-controls="dataList">'),樣式是出來了,但是后來發現查詢功能失效了,失效了?不管怎么用jquery改變都是影響了其查詢功能,於是決定去源碼里search一下,發現在jquery.dataTables.js的第11701行"sSearch": "Search:",和11712行"sSearchPlaceholder": "",分別設置了這倆的屬性,於是麻溜地給他改了,"sSearch": "",和"sSearchPlaceholder": "Search...",這樣樣式就是自己想要的,功能也可以照樣用,bingo!