unable to create table using jquery

Question

Below is my HTML fine. I am getting a blank page as output

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

the output that i expect is answer 1 answer 2 ....... answer 3

score 2 · Accepted Answer · edited May 23 '17 at 12:28

2

Wrap your code in document-ready handler. it specify a function to execute when the DOM is fully loaded. like

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

You should read When should I use jQuery's document.ready function?

Also you are using incorect id. use

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

instead of

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

DEMO

edited May 23 '17 at 12:28

Community

1
1

answered Mar 26 '14 at 07:37

Satpal

132,252
13
159
168

score 2 · Answer 2 · answered Mar 26 '14 at 07:38

2

Your js isn't waiting for the document to load, and missing 2 semi-colons.

Try changing your js to:

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

answered Mar 26 '14 at 07:38

flauntster

2,008
13
20

2

Table is incorrect use `$('#myTable').append(content);` – Satpal Mar 26 '14 at 07:41
2

ahh well spotted, I missed that @Satpal :) – flauntster Mar 26 '14 at 07:43

score 0 · Answer 3 · answered Mar 26 '14 at 07:45

0

ID change is the only thing you need to do:

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

answered Mar 26 '14 at 07:45

Aniruddha

308
2
11

unable to create table using jquery

3 Answers3