从循环输出中获取 webSQL 数据答案

【问题标题】：Get webSQL data from loop output从循环输出中获取 webSQL 数据
【发布时间】：2017-11-27 17:46:56
【问题描述】：

我正在遍历我的数据库行并输出这些项目的列表。

但是，我需要一些上下文。

当我点击一行时，我想显示所有相关数据（姓名、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，但是在单击该行时，没有关于在哪里查找此信息的上下文。

【问题讨论】：

标签： jquery database web-sql

【解决方案1】：

如果我理解您在寻找什么，您只需要一个 HTML 解决方案。

您可以为行中的每一列创建一个数据标签并将其值存储在该标签中，类似于您的数据名称标签。

如果您不知道所有列的名称，您可以遍历列以构建所有标签"

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

【讨论】：