構文エラーが

Question

私のコードを追加し、次のとおりです。

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

私はそれを実行するたびに、JavaScriptは私に「キャッチされないでSyntaxError：予期しないトークンILLEGAL」を提供します。$（「＃のmaintable」）に行を追加。

私の人生にとって、私は構文エラーが何であるか把握できません。

私はちょうど'<td></td>'を試したので、実際の要素が追加されても問題はありません。同じエラーが発生しました。

Answer 1

特殊な処理を行わずに複数の行に渡って文字列を分割することはできません。どちらか1行にすべてを置くか、バックスラッシュと改行をエスケープ：

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

文書が引用符を持っていない、今すぐあなたの「準備」機能が動作しません！ 変数 "i"はまったく追加されません！ 改行を使用したり、変数に追加したりしない限り、文字列を複数の行に分割することはできません。