在jQuery中添加工具提示

Adding tooltips in jQuery

本文关键字：工具提示 添加 jQuery      更新时间：2023-09-26

我在为glyphicon分配工具提示时遇到问题。

我看过这个JSFiddle，但它不适用于我的情况，因为我使用jQuery创建HTML元素，如下所示：

var trashIcon = $('<i>').addClass('glyphicon glyphicon-trash');

现在，我想包装以下代码以匹配JSFiddle链接。。。但是我该怎么做呢？

var trashToolTip = $('<a>').addClass=('my-tool-tip').attr({ data-toggle:"tooltip" data-placement:"left" title:"Delete" });

CSS：

a.my-tool-tip, a.my-tool-tip:hover, a.my-tool-tip:visited {
    color: black;
}

编辑：

如JSFiddle链接所示：

类不能是工具提示。。。

var trashIcon在解析为HTML:时如下所示

`<i class='glyphicon glyphicon-trash'></i>`

我希望var trashToolTip的HTML版本，如下所示，成为父（更好的术语？）：

<a class='my-tool-tip' data-toggle="tooltip" data-placement="left" title="delete"></a>

因此，它应该看起来像以下代码：

<a class='my-tool-tip' data-toggle="tooltip" data-placement="left" title="delete">
    <i class='glyphicon glyphicon-trash'></i>
</a>

您可以使用jQuery的wrap函数来实现HTML结构。你会像这样使用它：

trashIcon.wrap(trashToolTip);
相关文章：