Jquery 有没有一种方法可以在不破坏代码的情况下删除optgroup？

我只是试图编辑一些旧代码，在那里我创建了一个选项组，但现在我想把它删除。我不能只使用css，因为它使用的是选定的插件

function flavorChooser (title, item) {
var title = 'hidden';
var optgroup = jQuery('<optgroup display="' + title + '"/>');


jQuery.each(item, function(sub_title, sub_item) {
    if (typeof sub_item[0] !== "undefined") {
        var opt = jQuery('<option value="' + sub_item[0] + '" data-store-locator-value="' + sub_item[0] + '">' + sub_title + '</option>');
        optgroup.prepend(opt);
    }
});
// console.log('chozen ');
// jQuery('.chzn-container .chzn-results .group-result').css('display', 'none');
return optgroup;

---

}

此操作用于删除给定select元素的所有optgroup子元素：

标记：

<select id="mySelect">
    <optgroup label="MyGroup"></optgroup>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
    <optgroup label="MyGroup2"></optgroup>
    <option>Option</option>
    <option>Option</option>
    <option>Option</option>
</select>

---

jsIDLE:

这是如何从标签中找到它并将其删除

$("#mySelect").children().remove("optgroup[label='MyGroup']");

p、 s这就是我想要的，并为他人利益而出版

$mySelect.children.remove'optgroup[label=MyGroup2]； 选择1 选择2 选择3 选择4 选择5 选择6 选择7

---

为什么选项没有嵌套在optgroup中？@Moeri，因为jquery代码就是这样完成的，所以它会删除optgroup。

$("#mySelect").children().remove("optgroup[label='MyGroup']");