我有一个$("#settings")div与多个引导工具提示附加到子元素.
例如,
<div id="settings" style="display: flex;">
<tbody>
<tr>
<td width="25%" class="left Special" style="font-size:150%">Content:</td>
<td width="5%"></td>
<td width="70%" class="Special settingswrong" style="font-size:200%"><div style="display:inline" data-toggle="tooltip" data-placement="right" title="" data-original-title="This is not what you are looking for!">Content</div></td>
</tr>
<tr>
<td width="25%" class="left Special" style="font-size:150%">Content:</td>
<td width="5%"></td>
<td width="70%" class="Special settingswrong" style="font-size:200%"><div style="display:inline" data-toggle="tooltip" data-placement="right" title="" data-original-title="This is not what you are looking for!">Content</div></td>
</tr>
</tbody>
</div>
Run Code Online (Sandbox Code Playgroud)
我想要$("#settings").tooltip('destroy')按下按钮上的所有这些工具提示,但它不起作用,我假设因为工具提示实际上不在设置div上,而是在其中.
但是我也试过了$('#settings').find('*').tooltip('destroy'),但也没用.
是因为我如何初始化它们?
$(document).ready(function() {
$("body").tooltip({ selector: '[data-toggle=tooltip]' });
});
Run Code Online (Sandbox Code Playgroud)
访问div中所有工具提示的快速简便方法是什么?
javascript jquery twitter-bootstrap twitter-bootstrap-tooltip