如何使用 jQuery 将表格用 div 元素包裹起来?
若要将表格用 div 元素包裹起来,请使用 wrap() 方法。可以尝试运行以下代码,以使用 jQuery 将表格用 div 元素包裹起来 -
示例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/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>
广告