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>

次に、2番目の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があります：例