如何使用jquery顯示工具提示

Question

我正在使用Knockout和WCF服務。我從服務中獲取json數據。

要求 我得到連接字符串，我需要比較和顯示它們在紅色，如果有一些差異。我已經實現了與下面的代碼

var string1 = "DD,CC,FF"; 
var string2 = "DD,XX,FF"; 
var string1ColName ="id,name,address" 
var string2ColName ="id,name,address" 

var new_string = checkStrings(string1, string2); 

document.body.innerHTML = new_string; 

function checkStrings(str1, str2) { 
str1 = Array.isArray(str1) ? str1 : str1.split(','); 
str2 = Array.isArray(str2) ? str2 : str2.split(','); 

for (var i = 0; i < str1.length; i++) { 
      if (str1[i] !== str2[i]){ 

       str1[i] = '<temp>' + str1[i] + '</temp>'; 
      } 
     } 
     return str1.join(','); 

} 

這是fiddle

現在我想的是顯示工具提示，當我將鼠標懸停在文本。所以當我將鼠標懸停在文本「CC」上時，它應該對應的列名稱。所以在我們的情況下，它將是「名稱」。

我該如何實現它？

Answer 1

對於一個簡單的HTML工具提示做

var columnName = string2ColName.split(","); 
    str1[i] = '<temp title="'+columnName[i]+'">' + str1[i] + '</temp>'; 

DEMO

---

jQuery的工具提示使用該

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

DEMO