从循环输出中获取 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');

从循环输出中获取 webSQL 数据

Get webSQL data from loop output

database

jquery

web-sql