在 Bootstrap 4 数据表中更改 ID答案

【问题标题】：Changing ID in Bootstrap 4 Datatables在 Bootstrap 4 数据表中更改 ID
【发布时间】：2019-03-29 17:31:52
【问题描述】：

我正在使用在https://datatables.net/examples/styling/bootstrap4 找到的 bootstrap 4 数据表的东西在那里的示例中，他们将表的 id 设置为“示例”：

<table id="example" class="table table-striped table-bordered table-card" style="width:100%">

我怎样才能改变它，而不是 javascript 寻找 id “example” 它寻找一个类值，如“bootstrap-table”？我已经搜索了 js 文件 dataTables.bootstrap4.min.js 和 jquery.dataTables.min.ns 并且无法通过使用 id 值“示例”找到他们找到表的位置。

【问题讨论】：

只需将选择器 $('#example').DataTable(); 更改为 $('.bootstrap-table').DataTable(); 就可以了
我在 javascript 代码中找不到选择器的位置
选择器意味着$("#example")这个jQuery语句将选择任何id属性为id=example的dom元素，而$('.bootstrap-table')将选择任何class为class=bootstrap-table的dom元素

标签： javascript jquery html datatable bootstrap-4

【解决方案1】：

我相信您可以像这样更改选择器：

来自 $('#id').DataTable(); 到 $('.bootstrap-table').DataTable();

希望对你有帮助

如果你想尝试一下，这是我的 codepen https://codepen.io/CodeBoyCode/pen/mzQZNE

【讨论】：

我在 javascript 代码中找不到选择器的位置
在上面的答案中 - from 和 to 是选择器