如何使用jQuery使用div元素包装表格?
要使用div元素包装表,请使用wrap()
方法。您可以尝试运行以下代码以使用jQuery的div元素包装表-
示例
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#button1").click(function(){ $('table').wrap('<div></div>'); }); }); </script> <style> div { background-color: gray; } </style> </head> <body> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Will</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> <button id="button1">Wrap</button> </body> </html>