jquery - 如何在表格内容上添加工具提示

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