javascript代码中的动态html按钮

所以我在这里使用javascript、jQuery和HTML。基本上，我有一个正在创建的动态按钮数量，每个按钮将使用唯一变量调用一个函数。变量保存在json变量中。代码如下：

    var box = "<font size=\"2\">The following assassins are in your current location:<br/><table width = \"100%\">";

    for (var i=0; i<info.length; i++) {
        if(userid != info[i].playerid){
            box += "<tr><td>"+info[i].name+" | rank: "+info[i].rank+"</td><td align=\"right\"><input id='attack' type='button' onclick='loadAttack(userid, info[i].playerid, info[i].name, info[i].rank, location)' value='Attack'/></td></tr>";
        }    
    }
    box += "</table></font>";

    $("#assassinBox").html(box);        

var-box=“以下刺客在您当前的位置：
”；
对于（变量i=0；i
box+=”+info[i]。name+”| rank:“+info[i]。rank+”；

虽然我是你，但我会考虑改写它，不使用内联事件处理程序，或者用jQuery来构建HTML，或者用原生的DOME元素创建方法，而不是连接HTML字符串。这使得它在更长的时间内更具可维护性。按钮被按下。可能info变量不在按下按钮的域中，使其未定义？
box += "<tr><td>"+info[i].name+" | rank: "+info[i].rank+"</td><td align=\"right\"><input id='attack' type='button' onclick='loadAttack(userid, info["+i+"].playerid, info["+i+"].name, info["+i+"].rank, location)' value='Attack'/></td></tr>";