jquery - Jqueryでいくつかのパラメータを渡す

Question

for (var i=0; i<data.length; i++){
    $("#menu").append("<button onclick='select_food("+data[i]['id']+","+data[i]['name']+")'>Select</button>)")
}
function select_food(id, name){
     //do something
}

このコードには構文エラーがあります。select_food 関数を呼び出すボタンごとに 2 つのパラメータを渡すにはどうすればよいですか?
ありがとう。

Answer 1

パラメータnameは文字列のように見えるため、 で囲む必要が""あります。また、関数select_foodがグローバル スコープで使用できることを確認する必要があります。

for (var i=0; i<data.length; i++){
    $("#menu").append('<button onclick="select_food("' + data[i]['id'] + '","' +data[i]['name'] + '")>Select</button>)')
}
function select_food(id, name){
     //do something
}

Answer 2

ここに可能な解決策があります（ここでフィドルを参照してくださいhttp://jsfiddle.net/gDNTw/2/）：

$('#menu').on('click', 'button', function() 
{
    var id = this.id;
    var name = this.name;

    alert(id + ':'  + name);
    // do something...
});

for (var i = 0; i < data.length; i++)
{
    $("#menu").append('<button id="' + i + '" name="' + data[i] + '">Select</button>')
}