Response title
This is preview!
append table row after x number of columns.
in Using jQuery
•
13 years ago
Hello everybody,
I'm trying to append <tr> after every x number of <td>'s. I'm not sure how to do it. Here the code which I'm trying to do.
End result: should be 10rows and 10 columns.
<script language="javascript" type="text/javascript">
$(document).ready(function(){
var i = 0;
for(i=1; i<=100; i++)
{
$(".Numbers tr").append("<td>"+ i +"</td>");
if(i == 10)
{
$(".Numbers").append("</tr><tr>");
}
}
});
</script>
</head>
<body>
<table class="Numbers" cellpadding=0 cellspacing=0>
<tr></tr>
</table>
</body>
Thanks in advance
I'm trying to append <tr> after every x number of <td>'s. I'm not sure how to do it. Here the code which I'm trying to do.
End result: should be 10rows and 10 columns.
<script language="javascript" type="text/javascript">
$(document).ready(function(){
var i = 0;
for(i=1; i<=100; i++)
{
$(".Numbers tr").append("<td>"+ i +"</td>");
if(i == 10)
{
$(".Numbers").append("</tr><tr>");
}
}
});
</script>
</head>
<body>
<table class="Numbers" cellpadding=0 cellspacing=0>
<tr></tr>
</table>
</body>
Thanks in advance
1