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 に答える