特定列的 Jquery 工具提示答案

【问题标题】：Jquery Tooltip for a particular column特定列的 Jquery 工具提示
【发布时间】：2022-01-06 07:56:22
【问题描述】：

在数据表中，工具提示必须在鼠标悬停时添加到唯一的第一列行，

渲染 |引擎 |浏览器 |平台引擎 |版本 | CSS等级壁虎 |火狐1.0 |Win 98+ | OSX.2+ | 1.7 |一种壁虎 |Firefox 1.5 |Win 98+ | OSX.2+ | 1.8 |一个

 $('#datatable').DataTable({
  paging: false,
  info: false,
  dom: 'Bfrtip'
});
$('.data-tooltip').each(function() {
    $(this).closest('td').addClass('tooltip');
})

【问题讨论】：

欢迎来到 Stack Overflow。开发人员不是来为您编写代码的。我们在这里帮助人们解决他们自己的问题。因此，请尝试自己编写代码，如果不能，请发布您的尝试。如果没有，很可能帖子会被删除，否则您将无法获得帮助。

标签： javascript jquery jquery-ui

【解决方案1】：

<script> $(document).ready(function () { 
$.each(datatable.data, function (i, item){ 
item.tooltip = item.name;
 })
 }); 
table = $('#example').DataTable({
 columns: columns, 
dom: "tp", 
data: datatable.data, 
createdRow: function ( row, data, index ) { 
$("td:first", row).attr("title", data.tooltip); 
} 
});
 var datatable={ "data": [ 
{ "name": "lion", "position": "System Architect" },
{ "name": "tiger", "position": "Accountant" } 
]};
</script>

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。