jquery删除元素 作者：马育民 • 2023-07-10 10:12 • 阅读：10020 html： ``` <select id="class1" multiple> <option>李雷</option> <option>韩梅梅</option> <option>lucy</option> <option>lili</option> </select> <br> <input type="button" value="删除选中的子元素" id="btn1"> <input type="button" value="清空子元素" id="btn2"> <input type="button" value="删除父元素" id="btn3"> ``` css： ``` <style> select{ width: 80px; height: 120px; } </style> ``` js： ``` <script> $("#btn1").click(function () { console.log(123) // 将选中的元素删除、并且包含其子元素 $("#class1 option:selected").remove() // $("#class1 option:selected").detach() }) $("#btn2").click(function () { // 清空子元素 $("#class1").empty() }) $("#btn3").click(function () { // 删除父元素，该子元素及其兄弟元素保留 $("#class1 option:selected").unwrap() }) </script> ``` 原文出处：https://malaoshi.top/show_1IX5pupT3zWd.html