Question

我使用jQuery在输入更改中刷新表格中的一行。这是我的行的基本html：

<tr id="TestCaseNameDataRow">
    <td><input value="some value that will be refreshed"></td>
    <td><select></select></td> // select that gets populated based on the above input 
</tr>

这是我用于刷新表格行的javascript：

$j('#TestCaseNameDataRow').load(window.location.href.split('?')[0] + ' #TestCaseNameDataRow', function(){
    // callback function       
});

然而，在加载完成后我的html看起来像这样：

<tr id="TestCaseNameDataRow">
    <tr id="TestCaseNameDataRow">
        <td><input value="some value that will be refreshed"></td>
        <td><select></select></td> // select that gets populated based on the above input 
    </tr>
</tr>

为什么.load()将表格行加倍？我怎么阻止它？它把我桌子的外观丢掉了。

Answer 1

我的猜测是你从加载调用返回整行。试试看：

$j('#TestCaseNameDataRow').load(window.location.href.split('?')[0] + ' #TestCaseNameDataRow', function(response, status, xhr){ 
    console.log(response.data);
});

如果您在控制台中看到整个tr，那么您将要更改服务器带回来的内容，或者在父表上定位.load。

桌面上的jQuery .load正在搞乱表格;添加一个额外的tr

1 个答案: