javascript - jQuery Tooltipster插件不起作用

我是jquery的新手，所以这个问题与javascript的关系比jquery更重要。任何帮助表示赞赏。

每次将鼠标悬停在数据表中的<td>元素上时，我都会使用Tooltipster Plugin创建工具提示。为此，我遍历了数据表中的每一行，然后使用childnode选择了<td>元素，并应用了.tooltipster（）函数。但是，工具提示仅适用于第一行<td>元素。知道如何使它适用于所有行吗？

 $('#mytable tbody tr').each(function(){
     //childNode[7] is the <td> element on which i want the tooltip
     $(this.childNodes[7]).tooltipster({
            animation: 'fade',
            delay: 200,
            theme: 'tooltipster-punk',
            trigger: 'hover',
            interactive: 'true',
            functionBefore : function drawChart() {
  // This isnt needed to understand the problem so i have not pasted the code
}

});
});

表数据

 <td class="tooltip" data-tooltip-content="#chart_div"  style="padding-left:40px" id="storage" >
        <img src="@Url.Content("~/Content/images/database.png")" />
 </td>

最佳答案

这是对您的建议。

如果只需要显示文本作为元素的工具提示，则只需使用标题即可。

标题的用法很简单。

例如，

的HTML

<div title="your tooltip here">The content of the document......</div>

屏幕截图



这将是解决您的问题的简单步骤。