Jquery 推特引导3。根据父项提供工具提示动态ID

有没有可能在Twitter引导程序中根据所分配的元素为工具提示提供一个动态ID

例如，如果我有3个列表项

<ul>
    <li data-tooltip-id="item-1" data-toggle="tooltip" data-original-title="Title 1">Item 1<li>
    <li data-tooltip-id="item-2" data-toggle="tooltip" data-original-title="Title 2">Item 2<li>
    <li data-tooltip-id="item-3" data-toggle="tooltip" data-original-title="Title 3">Item 3<li>
</ul>

---

我希望有人能从您的示例代码中提供帮助，纯CSS可以这样处理：

[data-tooltip-id="item-1"] + .tooltip > .tooltip-inner{
  background-color:#cc0000;
}
[data-tooltip-id="item-1"] + .tooltip > .tooltip-arrow{
  border-top-color:#cc0000;
}

当然，您可以将

数据工具提示id=“item-1”

更改为

id=“item-1”

，并使用id选择器编写CSS，如：

#item-1 + .tooltip > .tooltip-inner{
    background-color:#cc0000;
}
#item-1 + .tooltip > .tooltip-arrow{
    border-top-color:#cc0000;
}

id位于

elment上。。。工具提示ID是动态的

---

请参见

每当您有实例特定的数据需要传递到插件时，您总是可以在

$循环中为每个实例初始化插件。这允许您从特定元素中提取数据以传递到插件选项中

$('[data-toggle="tooltip"]').each(function () {
    // now have instance access to "this"
    var $this = $(this),
        tipId = $this.data('tooltip-id');
    // initialize instance of plugin
    $this.tooltip({
        template: '<div id="' + tipId + '".........></div>';
    });
});

$（'[data toggle=“tooltip”]'）。每个（函数（）{
//现在可以访问“this”的实例
变量$this=$（this），
tipId=$this.data（'tooltip-id'）；
//初始化插件的实例
$this.tooltip({
模板：“”；
});
});

$('[data-toggle="tooltip"]').each(function () {
    // now have instance access to "this"
    var $this = $(this),
        tipId = $this.data('tooltip-id');
    // initialize instance of plugin
    $this.tooltip({
        template: '<div id="' + tipId + '".........></div>';
    });
});