jQuery DataTables - 删除标签

Posted 2023-05-07

【中文标题】jQuery DataTables - 删除标签

【英文标题】：jQuery DataTables - Remove Label

【发布时间】：2012-01-05 08:58:17

【问题描述】：

我正在尝试从 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自动生成的

【问题讨论】：

可以粘贴代码吗？这里的人喜欢看代码而不是句子……

句子也不错，但代码会带来上下文；)

你能详细说明一下你正在使用的技术吗..如果是javascript和html，那么为此创建jsFiddle..

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

请在添加 -1 之前阅读并理解。我正在处理的代码是自动生成的，因此我无法详细说明

【参考方案1】：

参考此链接http://datatables.net/ref#sinfo

将这个东西添加到你的代码中——

"oLanguage":  "sSearch": ""  

即使您没有得到想要的结果，您也可以在dataTable forum 上发布相同的问题...dataload 团队将为您提供帮助...

希望对你有所帮助..

【讨论】：

oLanugage 对象中属性的更具体链接：datatables.net/reference/option/language

【参考方案2】：

您必须像这样初始化数据表：

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

  "oLanguage":  "sSearch": ""  

);

【参考方案3】：

对于数据表 1.10.10（可能还有更高版本），您可以在创建数据表实例时使用以下配置：

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

欲了解更多详情，请参阅 DataTables 网站的链接：https://datatables.net/reference/option/language.searchPlaceholder

【参考方案4】：

对于 Datatables 1.9.4 及更高版本，您可以使用此

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

  "language":  "search": ""  

);

【参考方案5】：

删除搜索标签时放置占位符

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

【参考方案6】：

试试下面的代码：

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

这将获得所有级别标签元素，

因为只有在此处使用索引 0。

它会找到关卡元素并将值设置为“”

【参考方案7】：

由于某种原因，占位符不适合我。 所以，我删除标签和放置占位符的解决方法是，

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

因此，上面的代码将删除搜索标签。 以及占位符。

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

注意 :- 确保在数据表初始化后和加载数据表的外部 js 后包含占位符的 jquery 行。