ループ出力からWebSQLデータを取得

Question

私はデータベースの行をループし、これらの項目のリストを出力しています。

しかし、私はいくつかの文脈が必要です。

行をクリックすると、関連するすべてのデータ（名前、IDなど）を表示したいと思います。私は自分の行にデータ属性を割り当てることができます。

function displayResults(tx, results){ 

    var row = ""; 
    for(var i=0; i<results.rows.length; i++) { 
     row = results.rows.item(i); 
     currentID = row.myID; 
     currentName = row.name; 

     var wrapper = $('<div class="client-row" data-name="'+ currentID +'" />').appendTo('.client-list'); 
     wrapper.append ('<div class="client-name" >' + currentName + '</div>'); 

     $('.client-row').on('click', function(e) { 
      e.preventDefault(); 
      var newID = $(this).attr("data-name"); 
      $(".current-client").text(results.rows[newID].name); 
      $(".indiv-client").show(); 
     }); 
    } 
} 

ので、例えば、私はまた、row.sketchを必要としますが、行をクリックしたときに、この情報を探してくださいする場所について何らコンテキストを持っていません。

Answer 1

あなたが探しているものを理解している場合は、HTMLソリューションのみが必要です。

行の各列にデータタグを作成し、そのタグの値をデータ名タグと同様に保存することができます。

あなたはすべてのタグを構築するために列を反復処理することができ、すべての列の名前がわからない場合は、」

var temp=''; 
for (var c in row) { 
    temp+= 'data-' + c + '="' + row[c] + '"'; 
} 
var wrapper = $('<div class="client-row"'+ temp +' />').appendTo('.client-list');