Question

以下是我的HTML罚款。我得到一个空白页作为输出

<html>
<head>
<script src="jquery-1.11.0.min.js">
</script>
<script>
var content = "<table>"
for(i=0; i<10; i++){
content += '<tr><td>' + 'answer' +  i + '</td></tr>';
}
content += "</table>"
$('#myTable').append(content);

</script>
</head>
<body>
<div id="myTable"></div>
</body>
</html>

我期望的输出是回答1 回答2 ....... 回答3

Answer 1

将代码包装在document-ready处理程序中。它指定DOM完全加载时要执行的函数。像

$(document).ready(function() {
  //Your code
});

您应该阅读When should I use jQuery's document.ready function?

此外，您正在使用incorect ID。使用

$('#myTable').append(content);

而不是

$('#here_table').append(content);

DEMO

Answer 2

你的js没有等待文件加载，并且缺少2个分号。

尝试将您的js更改为：

<script>
$(document).ready(function(){ 
  var content = "<table>";
  for(i=0; i<10; i++){
    content += '<tr><td>' + 'answer' +  i + '</td></tr>';
  }
  content += "</table>";
  $('#here_table').append(content);
}); 
</script>

Answer 3

ID更改是您唯一需要做的事情：

$('#myTable').append(content);

无法使用jquery创建表

3 个答案: