使用Jquery，用一个新的行替换表中的一行。

8 浏览
0 Comments

使用Jquery，用一个新的行替换表中的一行。

假设我有一个表格：


    
12编辑

    
12编辑

    
12编辑

我想点击 `

编辑

` 单元格，并使用 jQuery 将整行替换为一行新的内容，例如：

$(document).ready(function() {
    $('#mytable .edit').click( function() {
        var tr = $(this).parent();
        var new_row = '34保存';
        // 替换这一行为 new_row 的代码
    });
});

有什么办法可以实现这个功能吗？

0

3 答案

0 Comments

问题的出现原因是需要使用jQuery来替换表格中的一行，但是代码中存在错误。解决方法是使用jQuery的replaceWith()方法来替换行。

以下是修正后的代码：





  

    1
    2
    Edit

以上代码会在点击"Edit"单元格时，将该行替换为一个新的行（包含"3"、"4"和"Save"）。

0
0 Comments

问题出现的原因是希望使用jQuery的replaceWith()方法来替换表格中的一行。然而，无法正确地使用该方法来实现预期的效果。

解决方法是修改代码中的replaceWith()方法的使用方式。将原始的HTML代码字符串作为参数传递给该方法，以替换当前行。修改后的代码如下所示：

$(document).ready(function() {
    $('#mytable .edit').click( function() {
        var tr = $(this).parent();
        var new_row = '<tr class="new_row"><td>3</td><td>4</td><td>Save</td></tr>'
        tr.replaceWith(new_row); // 使用HTML代码字符串替换当前行
    });
} );

0
0 Comments

使用jQuery，在表格中替换一行新的行

问题的出现原因：

- 该问题的出现原因是要在表格中替换一行，但是使用的代码有误，导致无法正确替换。

解决方法：

- 首先，需要在页面加载完成后执行代码，使用`$(document).ready(function() { ... })`包裹代码。

- 其次，需要给要替换的行添加一个点击事件，使用`$('#mytable .edit').click( function() { ... })`监听点击事件。

- 在点击事件中，创建一个新的行，可以使用HTML字符串的形式创建新行，例如`var new_row = '

3 4 Save

'`。

- 最后，使用`.replaceWith()`方法将当前点击的行替换为新的行，即`$(this).parent().replaceWith(new_row);`。

完整代码如下：

$(document).ready(function() {
    $('#mytable .edit').click( function() {
        var new_row = '34Save';
        $(this).parent().replaceWith(new_row);
    });
});

以上代码会在页面加载完成后监听表格中的`.edit`元素的点击事件。当点击事件发生时，会创建一个新的行并将当前点击的行替换为新的行。

0