javascript - 如何在动态创建元素中在内联onclick事件中传递对象

Question

我正在动态创建表格行。每行都有 onclick 事件。当我单击该表行时，我想将行对象传递给一个函数，但我的问题是，在传递该对象时，我得到了 [object object] 字符串。所以我无法在函数中使用该对象。

请提前给出一些解决方案。

这是我的代码:

  var row;
  $.each(mydata, function(i,data){
            row+='<tr onclick="myfunction(\''+data+'\')"><td >data.name</td><td >data.age</td></tr>;
    });
 $("#myTable").append(row);

Answer 1

我最好使用 jQuery 来定义 click 事件处理程序。这是您更新后的代码:

var $table = $("#myTable");
$.each(mydata, function(i,row){
        $tr = $('<tr>').appendTo($table);
        $tr.on("click", myfunction);
});