javascript - 使用 jQuery 动态创建 onClick 事件处理程序

Question

我有以下代码，它从名为“data”的数组构建一个表。我想将 javascript 调用添加到另一个名为 backend_getMovieData 的方法中，但我不知道如何从 movie._id 构建字符串。我从示例代码中收到错误“Uncaught SyntaxError: Unexpected token }”。

data.forEach(function(movie) {
    $("#shows").find('tbody')
           .append($('<tr>') 
           .append($('<td>' + movie._id + '</td>'))
           .append($('<td>' + movie.total + ' times</td>'))
           .append($('<td><button class=\'btn btn-success\' onClick=backend_getMovieData(' + movie._id + ');>Show times</button></td>'))); 
});

Answer 1

我认为，您的函数需要一个字符串。

这样做:

data.forEach(function(movie) {
    $("#shows").find('tbody')
           .append($('<tr>') <br />
           .append($('<td>' + movie._id + '</td>'))<br />
           .append($('<td>' + movie.total + ' times</td>'))<br />
           .append($('<td><button class=\'btn btn-success\' onClick="backend_getMovieData(\'' + movie._id + '\')";>Show times</button></td>'))); 
});

您需要用引号将其括起来。