如何使用jQuery从父节点中删除所有子节点?
使用jQueryempty()
方法从父节点中删除所有子节点。
示例
您可以尝试运行以下代码,以使用jQuery从父节点中删除所有子节点:
<!DOCTYPE html> <html> <head> <style> </style> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#button1").click(function(){ $("ul").empty(); }); }); </script> </head> <body> <div> <ul> <li>li (child)</li> <li>li (child)</li> <li>li (child)</li> <li>li (child)</li> </ul> </div> <button id="button1">Remove</button> <p>Click Remove to remove all child nodes.</p> </body> </html>