Динамически помещать значение в HTML-тег Jquery

#javascript #html #jquery

#javascript #HTML #jquery

Вопрос:

Я хочу поместить значение ID в html-тег jquery, вот мой код :

 var numCols = 1;
$.each(date, function(i) {
        if (!(i % numCols)) tRow = $('<tr>');

        tCell = $('<td>').html(i   1);
        $('#result').append(tRow.append(tCell));
        tCell = $('<td>').text('Due Date');
        $('#result').append(tRow.append(tCell));

        tCell = $('<td>').html(date[i]);
        $('#result').append(tRow.append(tCell));

        tCell = $('<td>').text('Start Showing On');
        $('#result').append(tRow.append(tCell));

    tCell = $('<td>').html('<button type="button" system-id="$(i   1)">Preview</button>'); $('#result').append(tRow.append(tCell));
 

Я хочу динамически вводить идентификатор в system-id —> system-id=»$ (i 1)».
Что не так с моим кодом?

Комментарии:

1. попробуйте с '<button type="button" system-id="' (i 1) '"

2. Приведенный выше ответ — это ваш ответ, но обратите внимание, что динамически создаваемые инкрементные атрибуты идентификатора являются антишаблоном, который обычно вызывает больше проблем, чем решает. Вместо этого используйте общие классы и обход DOM, чтобы связать элементы друг с другом.

3. Это немного похоже на то, что вы пытаетесь использовать литерал шаблона . Измените на .html(`<button .. data-system-id="${i 1}"...`); — соответствующую часть, измените ' на ` backtick и используйте ${i 1} фигурные скобки, а не круглые скобки. Кроме того, вы должны использовать префикс пользовательских атрибутов data- .