添加行的一部分，作爲新行表

Question

有一個鏈接被點擊時，增加了一個新行的表：

<table> 
       <thead> 
        <tr> 
        <th scope="col">col1</th> 
        <th scope="col">col2</th> 
        <th scope="col">col3</th> 
        </tr> 
       </thead> 

       <tbody> 
        <tr> 
        <td><input name="col1" id="col1"></td> 
        <td><input name="col2" id="col2"></td> 
        <td> 
         <select name="col3" id="col3"> 
         <option value="">Please select</option> 
         <option value="1">select1</option> 
         <option value="2">select1</option> 
         <option value="3">select1</option> 
         </select> 
        </td> 
        </tr> 
       </tbody> 
      </table> 
<a href="#" id="addLink">+</a> 

鏈接被點擊的時候，我想添加一個新行但沒有第三列到表的末尾。所以我用jQuery來做到這一點：

$(document).ready(function(){ 
       $('#addLink').click(function(){ 
        addTableRow($("table")); 
        return false; 
       }); // end click 
      function addTableRow(table) 
      { 
       // get the first row in the table 
       var $tr = $(table).find("tbody tr:first").html(); 

       $($tr).remove('td:last'); // remove the last column 


       $('tbody').append("<tr>"); 
       $(table).find('tbody tr:last').append($tr); 


         }; 
      }); // end ready 

然而，這部分是不刪除第3列：

$($tr).remove('td:last'); // remove the last column 

是有什麼辦法可以追加一個新行只是第2列？

感謝提前:)

Answer 1

這是你在找什麼？

我改變了一些其他的東西，你會明白的。

$(document).ready(function(){ 
    $('#addLink').click(function(){ 
    addTableRow($("table")); 
    return false; 
    }); // end click 
    function addTableRow(table) { 
    // get the first row in the table 
    var $tr = table.find("tbody tr:first").html(); 


    $('tbody').append($('<tr/>')); 
    table.find('tbody tr:last').append($tr).find('td:last').remove(); 


    }; 
}); // end ready​ 

http://jsfiddle.net/QTuzM/

Answer 2

$('tbody').append("<tr>"); 
       $(table).find('tbody tr:last').append($tr); 
??? 

怎麼樣

$(table).find('tbody').append($tr) 

Answer 3

沒有必要使用html方法：

$(table).find("tbody tr:first td:last").remove();