处理多个工具提示

时间:2015-03-26 18:03:42

标签: javascript jquery html ajax twitter-bootstrap-3

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

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

e.g:

$("#furniture1").tooltip({ title : '$560' });
$("#furniture2").tooltip({ title : '$785' });
$("#furniture3").tooltip({ title : '$325' });

是否可以使用2个数组(ID数组和TITLE数组)?

修改

使用JSON填充数组:

var tt;

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

1 个答案:

答案 0 :(得分:1)

当然,只需通过ID并输入工具提示:

var ids = ["furniture1", "furniture2", "furniture3"]
var titles = ["$560", "$785", "$325"]

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])
}