javascript - 如何在选择中查找和删除 optgroup 和选项？

Question

我有这个选择结构:

<select id="select-service" class="required span4" multiple="">
        <optgroup label="Capelli">
              <option selected="false" value="14">Colore capelli</option
        </optgroup>
        <optgroup label="Nessuna categoria">
              <option selected="false" value="13">Taglio capelli</option>
              <option selected="false" value="15">Mesh</option>
        </optgroup>                           
</select>

现在我的目标是删除 select 中的所有选项，所以我编写了这段代码:

$('#select-service')
  .find('option')
  .remove()
  .end();

但问题是这段代码只删除了option而不是optgroup，我如何一步删除option和选择组?

Answer 1

您可以简单地将两个以逗号分隔的选择器传递给 find() 方法:

$('#select-service').find('optgroup, option').remove();

您也可以只删除所有子元素以获得相同的结果:

$('#select-service').children().remove();
// or:
$('#select-service > *').remove();

最简洁的方法是使用 .empty() method 删除元素:

$('#select-service').empty();