sql - 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')选择器。