将单元格中的文本设置为按钮javascript

有没有办法让这个额外的td成为一个按钮，这样每个“秀”都可以点击

$(document).ready(function(){
                $.getJSON("http://cs1.utm.edu/~bbradley/map1/customers1.json", function(data){
                  var custData = '';
                  $.each(data, function(key, value){
                    custData += '<tr>';
                    custData += '<td>' +value.name+'</td>';
                    custData += '<td>' +value.address+'</td>';
                    custData += '<td>' +value.cityStateZip+'</td>';
                    custData += '<td>' +value.latLang+'</td>';
                    custData += '<td>' +(value.image || "No image available")+'</td>';
                    custData += '<td>' +"show"+ '</td>'; // this is what I need a button
                    custData += '</tr>';
                  });

$（文档）.ready（函数（）{
$.getJSON（“http://cs1.utm.edu/~bbradley/map1/customers1.json“，函数（数据）{
var custData=“”；
$。每个（数据、函数（键、值）{
custData+=''；
custData+=''+值。名称+''；
custData+=''+值.地址+''；
custData+=''+值。cityStateZip+''；
custData+=''值。latLang+''；
custData+=''+（value.image | |“无可用图像”）+''；
custData+=''+“show”+''；//这就是我需要的按钮
custData+=''；
});

---

我担心我在用json数据创建的其他列旁边添加了额外的列会弄糟，但我不知道如何为每一行添加按钮。

我不确定我是否理解您的问题。但下面是一个示例，供您在单击“显示”时打印行号

function printRowNumber(row) {
alert('Row:' + row);
return false;
}

$(document).ready(function() {
const appDiv = document.getElementById('app');
$.getJSON("http://cs1.utm.edu/~bbradley/map1/customers1.json", function(data) {
    var custData = '';
    $.each(data, function(key, value) {
        custData += '<tr>';
        custData += '<td>' + value.name + '</td>';
        custData += '<td>' + value.address + '</td>';
        custData += '<td>' + value.cityStateZip + '</td>';
        custData += '<td>' + value.latLang + '</td>';
        custData += '<td>' + (value.image || "No image available") + '</td>';
        custData += '<td>' + '<a href="javascript:void" onClick=printRowNumber(' + key + ')>show</a>' + '</td>'; // this is what I need a button
        custData += '</tr>';

    });
    appDiv.insertAdjacentHTML('beforeend', '<table>' + custData + '</table>');


})});

函数printRowNumber（行）{
警报（“行：”+行）；
返回false；
}
$（文档）.ready（函数（）{
const appDiv=document.getElementById（'app'）；
$.getJSON（“http://cs1.utm.edu/~bbradley/map1/customers1.json“，函数（数据）{
var custData=“”；
$。每个（数据、函数（键、值）{
custData+=''；
custData+=''+value.name+''；
custData+=''+value.address+''；
custData+=''+value.cityStateZip+''；
custData+=''+value.latLang+''；
custData+=''+（value.image | |“无可用图像”）+''；
custData+=''+''；//这就是我需要的按钮
custData+=''；
});
appDiv.insertAdjacentHTML（'beforeed'，''+custData+''；
})});

如果你想用按钮代替“显示”，你可以用按钮替换标签

    custData += '<td>' +'<button onClick=printRowNumber('+key+')>show</button>'+ '</td>'; 

custData+=''+'显示'+''；

为什么不将其添加为按钮？为什么不创建一个简单的按钮标签？custData+=''+''“show”+''；就是这么简单？我尝试了一个变体，但没有成功。谢谢。有没有办法让其中一个按钮做一些独特的事情，比如说，向世界问好？