我有这个选择结构:
<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
和选择组
?
最佳答案
您可以简单地将两个以逗号分隔的选择器传递给 find()
方法:
$('#select-service').find('optgroup, option').remove();
您也可以只删除所有子元素以获得相同的结果:
$('#select-service').children().remove();
// or:
$('#select-service > *').remove();
最简洁的方法是使用 .empty()
method 删除元素:
$('#select-service').empty();
关于javascript - 如何在选择中查找和删除 optgroup 和选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33695586/