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

Question

How To set Add Row On Click To last Column3 column

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

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

Answer 1

Updated Fiddle

<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>

Jquery

$('#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);
}