首页jquery循环打印表格

jquery循环打印表格

时间: 2023-09-04 08:08:01 浏览: 160

你可以使用jQuery的each()函数来循环打印表格，具体步骤如下： 1. 首先，你需要定义一个HTML表格。 2. 然后，在JavaScript文件中，使用jQuery选择器选中表格中的所有行和列。 3. 接着，使用each()函数遍历所有的行和列，并将它们的值打印出来。下面是一个示例代码： ``` <!DOCTYPE html> <html> <head> <title>jQuery循环打印表格</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("table tr").each(function(){ //遍历每一行 var html = ""; $(this).find("td").each(function(){ //遍历每一列 html += $(this).text() + " "; }); console.log(html); }); }); </script> </head> <body> <table> <tr> <td>1</td> <td>10</td> </tr> <tr> <td>2</td> <td>20</td> </tr> <tr> <td>3</td> <td>30</td> </tr> </table> </body> </html> ``` 在这个例子中，我们使用了jQuery的each()函数来遍历表格的每一行和每一列，然后使用text()函数获取单元格的文本内容并打印出来。

阅读全文