Как динамически установить идентификатор цели данных?

У меня есть три div с разными идентификаторами. Я хотел бы связать myModal + iв data-targetатрибут, но я не уверен, как это сделать. Вот мой код:

success: function (response) {
    var work;
    var res = response.split("§");
    var modalid;
    for (var i = 0; i < res.length - 1; i++) {
        modalid = "myModal" + i;
        work = res[i].split("^");
        document.getElementById('eventi').innerHTML += "Cena del: " + work[0] + "<button type="button"  data-toggle="modal" data-target="#"">leggi di piu</button>" + "<br>";
        document.getElementById('description' + (i)).innerHTML = work[1];
    }
}

1 ответ

  1. С конкатенацией строк ES5

    Я изменил оберточные кавычки на одинарные, чтобы избежать необходимости избегать внутренних кавычек.

    document.getElementById('eventi').innerHTML +=
      'Cena del: ' + work[0] + '<button type="button" data-toggle="modal" data-target="#' + modalid + '">leggi di piu</button><br>';