javascript - 无法使用 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

不要连接选项标签之间的文本。就是这样，你很高兴去!查看“标记”变量值的差异。

$(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);
    });
});