Cú pháp lỗi với jQuery thêm

Question

Mã của tôi là như sau:

 <script> 
     var i = 2; 
     $("document").ready(function(){ 
      $("#newrow").click(function(){ 
       $("#maintable").append('<tr> 
             <td><input type="text" name="dept_" + i size="5" maxlength="5" /></td> 
             <td><input type="text" name="hours_" + i size="5" maxlength="1" /></td> 
            </tr>'); 
      }); 
      i = i + 1; 
     }); 
    </script> 

Bất cứ khi nào tôi chạy nó, Javascript mang lại cho tôi một "Lỗi Cú pháp chưa gặp: Mã bất ngờ BẤT HỢP PHÁP" trên $ ("# maintable") thêm dòng. .

Đối với cuộc sống của tôi, tôi không thể tìm ra lỗi cú pháp là gì.

Nó không phải là một vấn đề với các yếu tố thực tế được nối thêm, bởi vì tôi đã cố gắng chỉ '<td></td>' là tốt và có cùng một lỗi.

Answer 1

Bạn không thể ngắt chuỗi trên nhiều dòng mà không cần xử lý đặc biệt. Hoặc đặt nó trên cùng một dòng, hoặc loại bỏ các dòng mới với backslashes:

'<tr>\ 
    <td><input type="text" name="dept_"' + i + ' size="5" maxlength="5" /></td>\ 
    <td><input type="text" name="hours_"' + i + ' size="5" maxlength="1" /></td>\ 
</tr>' 

Answer 2

<script> 
    var i = 2; 
    $(document).ready(function(){ 
     $("#newrow").click(function(){ 
      var html = '<tr>'; 
       html += '<td><input type="text" name="dept_"'+i+' size="5" maxlength="5" /></td>'; 
       html += '<td><input type="text" name="hours_"'+i+' size="5" maxlength="1" /></td>'; 
       html += '</tr>' 
      $("#maintable").append(html); 
     }); 
     i++; 
    }); 
</script> 

tài liệu không có dấu ngoặc kép, ngay bây giờ "sẵn sàng" chức năng của bạn không hoạt động! Biến "i" không được thêm vào! Không thể chia chuỗi cho nhiều dòng trừ khi bạn sử dụng dòng mới, thêm vào biến hoặc tương tự.