javascript - jQuery after() Uncaught SyntaxError: Unexpected token ILLEGAL

Question

for (var i = 0; i < rows.length; i++) {   
      $('#rows').after('<tr>
                           <td>'+ i + 1 + '</td>'
                           <td>'+rows[i][\'title\']+'</td>
                           <td>'+rows[i][\'startTime\']+' 
                        </tr>'); 
}

在上面的 jquery 代码中，我想在我的 html 中使用“rows”类在 div 之后插入表行。但是，我收到了错误

Uncaught SyntaxError: Unexpected token ILLEGAL

我可以知道什么是错的，我该如何解决？谢谢

Answer 1

你不能只在 js 中的字符串中间放一个换行符，你必须在每行的末尾放一个斜杠：

var a = 'foo \
bar \
baz';

或者，您可以连接多个字符串，每个字符串一行：

var a = 'foo ' +
        'bar ' +
        'baz';

这两个例子都等价于：

var a = 'foo bar baz';

另外，rows[i][\'title\']这也不是正确的语法——你不能在那里放斜杠。

Answer 2

很好地使用连接。

你应该使用：

for (var i = 0; i < rows.length; i++) {   
      $('#rows').after('<tr>\
                           <td>'+ i + 1 + '</td>\
                           <td>'+rows[i]["title"]+'</td>\
                           <td>'+rows[i]["startTime"]+' \
                        </tr>'); 
}

拿起你的小提琴:)

Answer 3

请尝试以下代码。

for (var i = 0; i < rows.length; i++) 
{   
    $('#rows').after('<tr>' +
        '<td>'+ i + 1 + '</td>' +
        '<td>'+rows[i]['title']+'</td>' +
        '<td>'+rows[i]['startTime'] +
    '</tr>');

}