jquery - 如何通过JQuery在html中动态生成特定行表的列

Question

我被困在这里，所以请帮帮我。我有一个看起来像这样的 html 表

ID | Name | DOB | Action|

当我点击动作时，它必须像这样，

ID | Name | DOB | Select| Reject|

请帮忙

Answer 1

这是一个可以帮助您的基本示例。

我做了一个小提琴，一张有 2 td的桌子

<table>
    <tr><td>1</td><td id='td2'>2</td></tr>
</table>

然后我在第二个td上绑定了一个单击事件，这样当您单击它时，它会删除每行的最后一个 td 并添加 2 个额外的 td。这是jquery函数：

$('#td2').on("click",function(){
    $('tr').each(function(){
        $(this).children('td').last().remove();
        var myTD = "<td>3</td><td>4</td>";
        $(this).append(myTD);
    });
})

这是一个jsfiddle：示例