Javascript 如何使用jquery刷新表行

我正在尝试刷新一个表行。当我单击“刷新”按钮时，它应该刷新tr内容。我正在尝试使用以下代码实现它。但当我点击刷新按钮时，它会刷新，但tr大小会减小。这就像tr中的一个td。我如何重新加载以及如何像以前一样看到它。我会附上一张图片，你可以看到重新加载后发生了什么

<tr id="sai">
....some data
</tr>

<button onclick="refresh()"> refresh</button>

function refresh(){
$('#sai').load('#sai')
}

……一些数据
刷新
函数刷新（）{
$（'sai'）。加载（'sai'））
}

没有刷新tr的概念。您需要的是在单击按钮时更改tr innerHtml。我不能显示确切的代码，因为我不知道tr的内容。但是，您的代码将是这样的

function refresh(){
    var newData = ...; // load from API or somewhere
    $('#sai').html('<td>' + newData + '</td>');
}

函数刷新（）{
var newData=…；//从API或其他地方加载
$（'#sai'）.html（''+newData+''）；
}

请使用JSFIDLE或codepen发布演示。如何获取tr数据。就像document.getelementbyid（Sai）一样，当我尝试上面的代码时，我没有得到tr的数据，但当我对该文档发出警报时，它显示了表行元素。getelementbyid（“Sai”）您需要给我更多信息。比如你想“刷新”什么数据？客户名称？公司地址？如何/从何处获得这些数据？