按元素ID分配工具提示

时间:2015-07-08 10:04:24

标签: javascript jquery jquery-ui

我有2个数组。一个是带有按钮ID的数组,另一个是文本

var btnArr = ["#b1", "#b2"];
var ttArr = ["Submit", "Clear"];

是否可以使用jquery ui的tooltop和上面的数组来识别按钮和工具提示?例如悬停在b1上 - >工具提示显示为Submit

$(function() {
    $( document ).tooltip();
});

2 个答案:

答案 0 :(得分:1)

是。你可以这样走过:

$.each(btnArr, function (i, v) {
    $(v).tooltip({
        text: ttArr[i]
    });
});

不要创建两个数组,只需给元素title属性。

答案 1 :(得分:1)

请参阅此示例:http://jsfiddle.net/kevalbhatt18/dwezvnfy/

var btnArr = ["#b1", "#b2"];
var ttArr = ["Submit", "Clear"];

$.each(btnArr, function (index) {
   $(btnArr[index]).attr('title', ttArr[index]);
});