Question

有没有办法在页面上的每个myClass类添加工具提示？

我有很多同一个类的div，如下：

<div class="myClass">Div 1</div>
<div class="myClass">Div 2</div>
<div class="myClass">Div 3</div>
<div class="myClass">Div 4</div>

我需要给他们所有相同的tooltip。

例如，伪代码：

$(".myClass").tooltip({
    text: 'Tooltip Text'
});

很抱歉，如果之前有人询问，似乎无法在任何地方找到它。

Answer 1

你的意思是在网页上找到的所有课程？

<div class="myClass" title="Hello">...</div>
<div class="myClass" title="Hello">...</div>
<div class="myClass" title="Hello">...</div>
<span class="myClass" title="Hello">...</span>
<p class="myClass" title="Hello">.....</p>

或只是任何带有'.myClass'类的元素？

jquery工具提示采用标题为

的所有元素

$(function() {
   $( ".myClass" ).tooltip();
 });

或者

  $(function() {

    $( ".myClass" ).tooltip({content:function(){

       return "My title"
     }
    });
 });

这将导致：try it

Answer 2

Jquery工具提示使用title属性。你需要像

这样的东西

$('.myClass').attr('title', 'my tooltip');
$('.myClass').tooltip();

小提琴

http://jsfiddle.net/sfarsaci/86DmG/

如何为每个类添加工具提示？

2 个答案: