以onClick和变量作为参数调用函数

Question

Code looks like:

response.data[i]._id = "myID";
console.log(response.data[i]._id = "myID"); // "myID"
$"(#myDiv").append('<button onClick="deletePost(response.data[i]._id);">Delete</button>');

function deletePost(postId) {
    console.log(postId);
}

When clicking that button, I get an error saying "response is not defined". How can I pass my value correctly inside that onClick function?

Answer 1

You can use jQuery's .click binding.

response.data[i]._id = "myID";
$("#myDiv").append($('<button>').click(function () {
    deletePost (response.data[i]._id);
}).text('Delete'));