我循环遍历我的数据库行并输出这些项的列表。
但是,我需要一些背景知识。
当我单击一行时,我想显示所有相关数据(名称,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
,但是当点击该行时,没有关于在哪里查找此信息的上下文。
如果我了解您要查找的内容,则只需要HTML解决方案。
您可以为行中的每个列创建数据标记,并将其值存储在该标记中,类似于数据名称标记。
如果您不知道所有列的名称,则可以遍历列以构建所有标记“
var temp='';
for (var c in row) {
temp+= 'data-' + c + '="' + row[c] + '"';
}
var wrapper = $('<div class="client-row"'+ temp +' />').appendTo('.client-list');