如何使渲染的按钮搜索Giphy API标记的内容？

Question

我希望按钮搜索它们标记为的内容。我假设无论将使它按应有的方式工作，都会去到“错位”的地方。

我尝试将div的ID放到按钮显示为“不匹配”的位置。

function renderButtons() {
$("#band-buttons").empty();
for (var i = 0; i < topics.length; i++) {
    var a = $("<button data-bands='Misfits'>");
    a.addClass("band");
    a.attr("data-name", topics[i]);
    a.text(topics[i]);
    $("#band-buttons").append(a);
    console.log(a);
    console.log(i);
}

}

它应该搜索标记了什么按钮。现在，每个按钮都会搜索“不匹配”。我知道这是分配给数据带的b / c不匹配。它只是一个占位符。

Answer 1

function renderButtons() {
$("#band-buttons").empty();
for (var i = 0; i < topics.length; i++) {
    var a = $("<button data-bands='" + topics[i] + "'>");
    a.addClass("band");
    a.attr("data-name", topics[i]);
    a.text(topics[i]);
    $("#band-buttons").append(a);
    console.log(a);
    console.log(i);
}

}