Question

如何在批量元素（如

）上定义包含自定义内容的工具提示

<input type="button"  value="Search" onclick="return (validateTitle() & validateYear() & validatePrice() & validateComment() & validateFormat());showResults();" />

然后用js中的东西我用js定义我的工具提示标题和所有内容？

而不是像这样做

<div class="my-tooltip">Who?</div>
<div class="my-tooltip">Who?</div>
<div class="my-tooltip">Who?</div>

Answer 1

您可以通过JavaScript（docs）触发工具提示：

$('#example').tooltip(options);

您的案例（jsfiddle）：

<div class="my-tooltip">Who?</div>
<div class="my-tooltip">Who?</div>
<div class="my-tooltip">Who?</div>

$('.my-tooltip').tooltip({
  title: "Me, Yes!",
  placement: "bottom"
});

Answer 2

这样做。你可以使用attr({attrname:value}) jquery.create添加属性名称和值作为对象

＆＃13;

$('.my-tooltip').attr({
  'data-toggle': "tooltip",
  'data-placement': "bottom",
  'title': "Me, Yes!"
})
console.log($('body').html())

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="my-tooltip">Who?</div>
<div class="my-tooltip">Who?</div>
<div class="my-tooltip">Who?</div>

＆＃13;

如何在bootstrap中的某些类的所有元素上定义自定义工具提示

2 个答案: