Невозможно добавить таблицу динамически, используя jQuery

Question

Я хочу динамически добавлять строку в существующую таблицу одним нажатием кнопки. Но код, похоже, не работает. Я проверил, что выполнение программы происходит внутри этой функции, но что-то не так с кодом, который не добавляет строки.

Любая помощь приветствуется. Ниже приведена выдержка из моего кода: -

$(document).ready(function(){

    $("#addRow").click(function(){
        var scorePrev = Number($("#scoreNum").text());
        var score = scorePrev++;
        var markup = "<tr> <td>" + score + "</td>" + "<td><select><option value='pack'>"+ Pack + "</option> <option value>" + Char + "</option> <option>"  + Hex + "</option> </select></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> </tr>";
        $("table tbody").append(markup);
    });

});

Answer 1

Не объединять тексты между тегами параметров. Вот и все, и вы готовы идти! Посмотрите разницу в значении переменной 'markup'.

$(document).ready(function(){
   $("#addRow").click(function(){
      var scorePrev = Number($("#scoreNum").text());
      var score = scorePrev++;
      var markup = "<tr> <td>" + score + "</td>" + "<td><select><option value='pack'>Pack</option> <option value>Char</option> <option>Hex</option> </select></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> <td><input type='text'></td> </tr>";
      $("table tbody").append(markup);
    });
});