jQuery DataTables - 移除标签

Question

我想要删除DataTables中筛选标签中的“搜索：”字样。我尝试使用jQuery替换标签dom，但替换后过滤器将无法工作。是否有其他解决方案？

好的，看起来大家都想要代码：

<div id="table-staff_wrapper" class="dataTables_wrapper">
<div id="table-staff_length" class="dataTables_length">
<div id="table-staff_filter" class="dataTables_filter">
<label>
Search:
<input type="text">
</label>
</div>
<table id="table-staff" cellspacing="0" cellpadding="0">
<div id="table-staff_info" class="dataTables_info">Showing 1 to 3 of 3 entries</div>
<div id="table-staff_paginate" class="dataTables_paginate paging_full_numbers">

以上内容由DataTables自动生成

- d123

---

你能把代码粘贴进来吗？这里的人更喜欢阅读代码而不是句子... - wizztjh

句子也不错，但代码可以带来更多的上下文 ;) - Blender

你能详细说明一下你正在使用的技术吗？如果是JavaScript和HTML，那么请为此创建jsFiddle。 - Niranjan Singh

嗨，我没有代码可以粘贴。除非我可以发布一张图片。但是任何熟悉jQuery DataTable的人都会知道用作过滤器的搜索框。我正在尝试删除文字，我只想要框。 - d123

我正在处理的代码是自动生成的，因此我无法详细说明。 - d123

我已经找到了答案，对于那些感兴趣的人来说。只需将以下内容添加到您的DataTables初始化代码中："oLanguage": { "sSearch": "" } - d123

Answer 1

请参考这个链接：http://datatables.net/ref#sinfo

将以下代码添加到您的代码中--

"oLanguage": { "sSearch": "" } 

即使你没有得到你想要的答案，你仍然可以在 dataTable论坛 上发布相同的问题... dataload团队将协助你...

希望这能帮到你。

- Vivek

---

oLanguage对象中属性的更具体链接：http://datatables.net/reference/option/language - Justin

Answer 2

你必须像这样初始化datatables：

$('#yourtable').dataTable({
//your normal options

  "oLanguage": { "sSearch": "" } 

});

- Nicola Peluchetti

Answer 3

在创建datatables实例时，对于datatables 1.10.10（及以上版本），您可以使用以下配置：

$('.datatable').DataTable({
// other initialization configurations...
// ...
    "language": {
        "search": "_INPUT_",
        "searchPlaceholder": "Search..."
    }
});

更多详细信息请参考DataTables网站链接：https://datatables.net/reference/option/language.searchPlaceholder

- Nikhil

Answer 4

对于Datatables 1.9.4及以上版本，您可以使用以下内容：

$('#yourtable').dataTable({
//your normal options

  "language": { "search": "" } 

});

- techvineet

Answer 5

在删除搜索标签时，请使用占位符。

$("#data-table").DataTable({
   language: { search: "",searchPlaceholder: "Search..." }
});

- HIR

Answer 6

由于某些原因，占位符对我不起作用。 因此，我删除标签并放置占位符的解决方法是，

$('#RecentLogs').dataTable({
      "oLanguage": { "sSearch": "" }
});

所以，上面的代码将删除搜索标签。 至于占位符。

$('.dataTables_filter input').attr("placeholder", "Search Here");

注意：请确保在Datatable初始化和加载外部Datatable js之后，包含占位符的jQuery代码行。

- Bhavin

Answer 7

请尝试以下代码：

jQuery("level").html("") or 
jQuery("level").text("") or 
jQuery("level").get(0).text("") 

这将获取所有的 level 标签元素，

由于只有一个，使用索引 0。

它将查找 level 元素并将其值设置为 ""。

- dku.rajkumar