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

你可以做这样的事情，它适用于所有的td，因为我不确定你的意思是'每个具有相同价值的td'：

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

这是fiddle。

Answer 3

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

<强> DEMO

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

如何在表格

3 个答案: