Javascript 如何使用jquery显示工具提示

我正在使用淘汰赛和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(',');

}

var string1=“DD、CC、FF”；
var string2=“DD，XX，FF”；
var string1ColName=“id、名称、地址”
var string2ColName=“id、名称、地址”
var new_string=checkStrings（string1，string2）；
document.body.innerHTML=新字符串；
函数检查字符串（str1、str2）{
str1=Array.isArray（str1）？str1:str1.split（'，'）；
str2=Array.isArray（str2）？str2:str2.split（'，'）；
对于（变量i=0；i

这是

现在我想要的是当我将鼠标悬停在文本上时显示工具提示。所以当我将鼠标悬停在文本“CC”上时，它应该是相应的列名。因此，在我们的情况下，它将是“名称”

---

如何实现它？

对于简单的HTML工具提示，请执行此操作

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

---

您的jQuery在哪里？无法想象它会如此简单：）如果我只想在绑定此数据的表中使用此jQuery工具提示，该怎么办。目前，它显示了整个系统的工具提示document@Happy

$（'temp'）。工具提示（）

如果此答案有用，请不要忘记接受此答案

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