jQuery追加语法错误

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就会在$("#maintable").append行上给我一个"Uncaught SyntaxError:Unexpected Token ILLEGAL".

对于我的生活,我无法弄清楚语法错误是什么.

附加实际元素不是问题,因为我也尝试'<td></td>'了同样的错误.

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