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>

原文出处：/show_1IX5pupT3zWd.html