处理多个工具提示

Question

我有很多组 div。例如：furniture1, furniture2, furniture3....、stationary1, stationary2, stationary3...、等等...

我需要为每个 ID 提供唯一的工具提示。最简单的方法是什么？

例如：

$("#furniture1").tooltip({ title : '0' });
$("#furniture2").tooltip({ title : '5' });
$("#furniture3").tooltip({ title : '5' });

是否可以使用 2 个数组（ID 数组和 TITLE 数组）来做到这一点？

编辑：

使用JSON填充数组：

var tt;

$.ajax({url: '/toolt.json'}).done(function(t) {
    tt = t;
      //how to combine with a loop?
});

Answer 1

当然，只需通过 id 并放置工具提示：

var ids = ["furniture1", "furniture2", "furniture3"]
var titles = ["0", "5", "5"]

for(var i = 0; i < ids.length;i++ ){
    $("#"+ids[i]).tooltip({title:titles[i]})
}

从 json 制作这两个数组：

var ids = [], titles = []

for(var i=0; i < t.length;i++){
    ids.push(t[i][0]);
    titles.push(t[i][1])
}

处理多个工具提示

Handling multiple tooltips

html

javascript

ajax

jquery

twitter-bootstrap-3