Динамически назначать уникальный идентификатор из значения переменной в Javascript, JQuery

Question

Динамически назначать уникальный идентификатор из значения переменной в Javascript, JQuery

0

В моей программе я использую javascript для создания таблицы, которая затем добавляется в html-документ:

var html = "<table>";
for (var r = 0; r < rows; r++)
{
    html += "<tr>";
    for (var c = 0; c < cols; c++)
    {
        html += "<td class=\"covered\"><input type=\"image\" src=\"imageURL.com"/></td>";
    }
    html += "</tr>";
}

html += "</table>";
$(".gameboard").append(html);

Я хочу, чтобы каждый из входных элементов имел уникальный идентификатор, а именно число. Я надеялся, что переменная, которая инициализируется 1, которая получает приращение каждый раз, когда создается элемент TD. Значение этой переменной будет использоваться как идентификатор входного элемента. Я не нашел никакого способа сделать это конкретно. Заранее спасибо!

Vince 21 янв. 2014, в 08:57

Источник

0

Используйте UserId + indexId, чтобы легко определить идентификатор.
Ashish Ratan 21 янв. 2014, в 07:01

Теги:

javascript

jquery

html

4 ответа

1

Попробуй это:

var html = "<table>";
var index=0;

for (var r = 0; r < rows; r++)
{
html += "<tr>";

for (var c = 0; c < cols; c++)
{
    html += "<td class=\"covered\"><input id='img"+(index++)+"' type=\"image\" src=\"imageURL.com"/></td>";
}
html += "</tr>";
}

html += "</table>";
 $(".gameboard").append(html);

Milind Anantwar 21 янв. 2014, в 05:19

0

Этот код все равно не будет работать ... подсветка синтаксиса является подсказкой.
kevinji 21 янв. 2014, в 07:04

0

Попробуйте этот код:

html += "<td id='td-" + c +"'class=\"covered\"><input value='td-" + c +"' type=\"image\" src=\"imageURL.com"/></td>";

Felix 21 янв. 2014, в 06:00

0

использовать это

 var ID= new Date().getTime();

Dibu 21 янв. 2014, в 04:58

Ещё вопросы

Используйте UserId + indexId, чтобы легко определить идентификатор.
Этот код все равно не будет работать ... подсветка синтаксиса является подсказкой.

Rohan Kumar · Accepted Answer · 2014-01-21T05-15-00.000Z

Попробуйте добавить global variable позволяют count и increment его inner loop, как,

var html = "<table>";
var count=1;// use this variable in inner for loop and increment it by 1
for (var r = 0; r < rows; r++)
{
    html += "<tr>";
    for (var c = 0; c < cols; c++){
        html += "<td class=\"covered\">\
                  <input id='"+(count++)+"' type=\"image\" src=\"imageURL.com\"/>\
                </td>";
    }
    html += "</tr>";
}

html += "</table>";
$(".gameboard").append(html);