在jQuery中添加工具提示

Question

我在向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 链接中所示：

  

班级不能是工具提示......

解析为HTML时，

var trashIcon看起来像这样：

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

我希望var trashToolTip的HTML版本（以下是 parent （更好的术语？）：

<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>

Answer 1

您可以使用jQuery＆＃39; wrap函数来实现该HTML结构。您可以像使用它一样使用它：

trashIcon.wrap(trashToolTip);