使用JQuery在表行上添加列

时间:2013-03-27 04:18:06

标签: jquery html-table

我已经搜索并尝试了一些用于在表行上添加cols的代码,这是我的完整代码:

<!doctype htlm>
<html>
<head>
<script language="Javascript" type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script>
function addCols2(){
$(document).ready(function(){
    $('#myTable').find('tr').each(function(){
        $(this).find('td').eq(6).after('<td>col 8</td>');
    });
});
}
</script>
</head>
<body>
<table id="myTable" border =1>
<?php

for($x=0;$x<5;$x++){
echo '<tr><td class=TableHeading>column 1</td>
        <td class=TableHeading>column 2</td>
        <td class=TableHeading>column 3</td>
    <td class=TableHeading>column 4</td>
    <td class=TableHeading>column 5</td>
    <td class=TableHeading>column 6</td>
    <td class=TableHeading>column 7</td>
<script type="text/javascript">
  addCols2();
 </script>
</tr>';
}

?>
</table>

</body>
</html>

但是当我检查显示时,每行有5个(根据循环)第8列(我添加)。 有人能告诉我代码在哪里错了吗?

0 个答案:

没有答案