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');

从循环输出中获取webSQL数据

1 个答案: