使用jQuery在表格中任一插入一列

最近再做一個表格，要能在表格中任意插入一列，google了幾個方法都是教你用eq(x)，就能在某一行後面插入balabala...

阿我就是不知道要在哪行後面插入啊!!!!!，掯，這不是廢話嗎?

爆氣之後決定自己想辦法，以下就是source code。

要注意的是一般我們插入元件都會用append加到後面，但是append這個指令其實是會把要加入的內容放在該元素的最後面，而不是這個元素的後面。意思就是，新加入的內容還是算在該元素的頭上，不會自成一個元素。

在加入一般的元素或許沒什麼問題，但是要加入表格就會造成版面亂掉，
所以這邊加入要使用after或是before，這2個指令才會把加進去的內容放在原本的元素外面。

$(document).on('click', '.tr', function(){
    $(this).after("<tr class='tr'><td>data</td></tr>"); //要放在前面就把after換成before
});