如何在 table 的内容上添加工具提示

Question

我对 java 脚本还很陌生。我想在给定的以下内容中添加工具提示。有一种方法可以做到这一点，我们可以通过将标题添加到每个 td 标签来实现。现在如何为每个具有相同值的 td 添加标题。我不允许触摸下面编写的 html 代码，因为它是使用 Jtbale 插件自动生成的代码。

<tbody>
<tr class="jtable-data-row jtable-row-even">
    <td>admin-ui</td>
    <td>/admin/manage/client</td>
    <td>Client Manager</td>
    <td>Used for redirecting to Client Management page</td>

</tr>
<tr class="jtable-data-row">
    <td>admin-ui</td>
    <td>/admin/manage/configuration</td>
    <td>Configuration Manager</td>
    <td>Used for redirecting to configuration page</td>

</tr>

任何帮助将不胜感激。

Answer 1

您可以通过 .attr() 函数添加一个 title 标签，然后调用工具提示：

$('table td').attr('title', 'testtitle').tooltip();

要将工具提示扩展到其内容的宽度，您可能需要添加以下内容 css：

.ui-tooltip{
    max-width: 100%;
}

Demo

Answer 2

要将 title 添加到具有相同值的 td，您可以按以下方式进行操作：

DEMO

$.each($('td'),function(){
   if($(this).text()==="admin-ui")
       $(this).attr('title',$(this).text())
});

Answer 3

你可以做这样的事情，它适用于所有 td，因为我不确定你所说的 'every td with same value' 是什么意思：

$(function(){
    $.each($('td'), function() {
        $(this).attr("title", $(this).text());
    });    
});

这里是fiddle.

如何在 table 的内容上添加工具提示

How can I add tooltip on content of table

jquery

jsp

jquery-ui

jtable

tooltip