Question

我需要javascript代码中的帮助来动态添加行和列并显示行和列号。动态。

 <!DOCTYPE html>
  <html>
  <head>
   <style>
    table, td {
   border:1px solid black;
  }
 </style>
 </head>
 <body>

<p>Click on each tr element to alert its index position in the table:</p>

   <table>
    <tr onclick="myFunction(this)">
   <td>Click to show rowIndex</td>
   </tr>
   <tr onclick="myFunction(this)">
   <td>Click to show rowIndex</td>
   </tr>
   <tr onclick="myFunction(this)">
  <td>Click to show rowIndex</td>
 </tr>
</table>

<script>
function myFunction(x) {
alert("Row index is: " + x.rowIndex);
}
</script>

</body>

这是我尝试过但我不确定表行和列是否是动态生成的，并且列不会被重新显示和显示。请帮忙。

Answer 1

首先不要手动将事件处理程序添加到每个td / tr元素，使用JQuery将其添加到所有td元素：

$('td').click(function(e) {
    console.log($(this).parent().index(), $(this).index());
});

在事件处理程序中，$（this）.parent（）。index（）和$（this）.index（）将分别给出行号和列号。

我建议查看JQuery append（）或clone（）函数来动态添加行/列，但是你还没有真正指定你在这方面要做的事情。

将行和列添加到atable并显示行和列号

1 个答案: