0

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

}

这是小提琴

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

我怎样才能实现它？

4

1 回答 1

1

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

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

演示

对于 jQuery 工具提示使用这个

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

演示

于 2013-08-29T11:09:04.813 回答