如何通过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：example