У меня есть div $("#settings")
с несколькими подсказками для начальной загрузки, прикрепленными к дочерним элементам.
Например,
<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>
Я хочу сделать $("#settings").tooltip('destroy')
, чтобы избавиться от всех этих всплывающих подсказок нажатием кнопки, но это не работает, я предполагаю, потому что всплывающие подсказки на самом деле не находятся в настройках div, а внутри.
Однако я также пробовал $('#settings').find('*').tooltip('destroy')
, и это тоже не сработало.
Это из-за того, как я их инициализирую?
$(document).ready(function() {
$("body").tooltip({ selector: '[data-toggle=tooltip]' });
});
Что такое быстрый и простой способ доступа ко всем подсказкам в div?