HTML5 web sql:向每一行添加按钮

Question

我有一些脚本从SQL数据库传递一系列行。

我想附加。（） 每行的按钮。我当前的代码是：

tx.executeSql('SELECT * FROM myprogram', [], function (tx, results) {
                   var len = results.rows.length, i;
                    for (i = 0; i < len; i++) {
                        $('#myprog').append(results.rows.item(i).event)
                               $('.event').append('<button class="save_event">Remove</button>');
                        }
                });

但是按钮加倍了。例如，如果我得到 3 行，第一行将有 3 个按钮，第二行将有 2 个按钮，最后一行将有 1 个按钮。

谁能帮我让按钮每行只显示一次？

谢谢！

Answer 1

我找到了答案，很简单：

var len = results.rows.length, i;
                    for (i = 0; i < len; i++) {
                        $('#myprog').append(results.rows.item(i).event).append('<button class="remove_event">Remove</button>');
                    }

Answer 2

$('#myprog').append(results.rows.item(i).event).append('<button class="remove_event">Remove</button>');

您需要追加到$('#myprog')选择器。