javascript - 如何通过html链接将特定对象传递给函数？

Question

目前，我正在一个网站上工作，我从数据库接收对象列表，并将它们列在弹出表中。我希望表的一列列出对象 ID，另一列列出调用该特定对象的函数的链接。我的问题是，在将此数据附加到表中时我不知道如何执行此操作。

有什么想法吗？

 var tableContent ="<tr>";
            for( var i =0; i<results.length ; i++)
            {
              tableContent += "<td>" + results[i].get("id") + "</td>"
              tableContent += "<td>" + "<a>Open ID Contents</a>" + "</td>" 
  //I want this link to pass results[i] to a function^
                }
                tableContent += "</tr>"
                $("#List").append(tableContent) 

Answer 1

您可以通过以下方式构建您的a 项:

var $a = $('<a class="hasPopupData">...</a>');
$a.data('popup', { /*Your data goes here */ });
$a.appendTo($parent);

然后使用如下代码处理点击:

$parentTable.on('click', 'a.hasPopupData', function(){
  var $a = $(this),
      data = $a.data('popup');
  createPopup(data);
  return false;
});

请注意，jQuery 将数据附加到“ native ”表示形式的 DOM 节点，而不先将它们转换为 JSON。