如何在 onclick 最后一列中使用 Jquery 动态添加新行 HTML 表

Question

如何设置添加行点击到最后一个 Column3 列

Here Is Example http://jsfiddle.net/83aqdd62/8/

http://jsfiddle.net/83aqdd62/8/这里是例子

Answer 1

更新的小提琴

<table id="sampTable">
      <thead>
        <tr>
            <td>Column 1</td>
            <td>Column 2</td>
            <td>Column 3</td>

          </tr>
      </thead>
      <tbody>
         <tr>
              <td><input type="text"/></td>
              <td><input type="text"/></td>
             <td><input type="text"/></td>

         </tr>
          <tr>
              <td><input type="text"/></td>
              <td><input type="text"/></td>
              <td><input type="text"/></td>

         </tr>
      </tbody>
    </table>

查询

$('#sampTable tr td:last-child').on("click",function(){
   addRow();
});
function addRow(){
     $sampleRow = $(' <tr> <td><input type="text"/></td><td><input type="text"/></td> <td><input type="text"/></td></tr>');
    $sampleRow.find("td:last").click(function(){
       addRow();
    });
   $('#sampTable tbody').append($sampleRow);
}