使用 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 的新手，在这里遇到了问题。