[操作疑難] [jQuery] 怎可以用appendTo 在table加row?

本帖最後由 luckiejacky 於 2015-2-1 20:28 編輯

這樣加row法好似有D問題...
正確方法應該是怎樣呢?
有D td會走位..
THX

  1. <html>
  2. <head>
  3.         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
  4.         <script type="text/javascript">
  5.        $(document).ready(function() {                    
  6.                    $('#add_more').click(function() {                                     
  7.                            $('#rowData').clone().appendTo('#rowData');                            
  8.                    });
  9.            });         
  10.         </script>

  11. </head>
  12. <body>
  13.   
  14. <?php
  15. function insertIssueLog() {
  16.                
  17.                 echo '<table border="1">
  18.                                   <thead>
  19.                                   <tr>
  20.                                         <th>Item#</th>
  21.                                         <th>Last Name</th>
  22.                                         <th>First Name</th>
  23.                                   </tr>       
  24.                                   </thead>
  25.                                   <tbody>
  26.                                   <tr id="rowData">  
  27.                                    <td><input type="text" name="itemNo"/></td>                                         
  28.                                         <td><input type="text" name="LName"/></td>
  29.                                    <td><input type="text" name="FName"/></td>                                 
  30.                                   </tr>                                                   
  31.                                   </tbody>
  32.                           </table>
  33.                           <p>                                         
  34.                                 <a id="add_more" href="#">Add more</a>
  35.                           </p>';                 
複製代碼

$('#rowData').after($('#rowData').html());

TOP

本帖最後由 luckiejacky 於 2015-2-1 21:14 編輯

Thanks Ching :)

I find this be an improved version
  1. $('#issueLogTbl > tbody:last').after($('#issueLogTbl > tbody:last').html());
複製代碼

Very easy indeed....

TOP

乜年代, 仲用 jQuery 1.4, 又唔落 doctype?

一定會重複嘅野唔適合用 id, 建議你一係改用 class, 一係直頭唔好俾 id 佢, 然後
  1. var $lastRow = $('#issueLogTbl').find('tbody tr').slice(-1);
  2. $lastRow.clone().insertAfter($lastRow);
複製代碼
form input name 如會重覆亦請加 [] 字尾

TOP

乜年代, 仲用 jQuery 1.4, 又唔落 doctype?

一定會重複嘅野唔適合用 id, 建議你一係改用 class,  ...
justiceice 發表於 2015-2-3 10:55

可能係D sample度copy出黎呢..

TOP

等我試試
唔該

TOP