使用 JavaScript 为每个输入 JSON 对象创建一个按钮

Question

我遇到了一种情况，我想从 JSON 格式中读取一些数据，但是我在理解如何从 JSON 对象动态构造按钮时遇到了一些问题。

我的情况如下：

$(document).ready(function() {

  var socket = io.connect('http://' + document.domain + ':' + location.port);

  // listen for mqtt_message events

  // when a new message is received, log and append the data to the page

  socket.on('mqtt_message', function(data) {

    var json = JSON.parse(data['payload']);

    var table = $("<table>");

    table.append($("<tr><th>Host</th><th>Name</th><th>ID</th><th>"));

    for (var i = 0; i < json.length; i++) {

      var row = $("<tr><td>" + json[i]["name"] +  json[i]["ID"] + "</td></tr>");  

      table.append(row);

    }  

    table.appendTo($("#container"));

  })

});

在哪里

json = {"host":abc,"name":123,"id":345}

我必须将主机名设为按钮，当我单击该按钮时，例如在这里，命名为“abc”，我将获得详细信息name和id表格格式。我已经创建了表格，但它显示的是整个表格，而不是我真正想要的那种场景。

我是 JavaScript 的新手，在这里遇到了问题。