Comment obtenir l'optgroup pour un multiselect dans jQuery?

Je suis l'aide d'une sélection multiple avec des options groupées.

<select title="Fruits" multiple="multiple" id="fruits" name="fruits[]">
    <option selected="selected" label="All" value="">All</option>
    <optgroup label="" class="fruit">
        <option label="apple" value="1">Apple</option>
        <option label="pear" value="2">Pear</option>
        <option label="orange" value="3">Orange</option>
    </optgroup>
    <optgroup label="" class="berries">
        <option label="strawberry" value="4">Strawberry</option>
        <option label="raspberry" value="5">Raspberry</option>
        <option label="blueberry" value="6">Blueberry</option>
    </optgroup>
</select>

J'ai essayé $(this).find("option:selected").parent().attr("label") qui retourne uniquement la "optgroup" de la première option sélectionnée, de sens que si la Fraise et Poire étaient à la fois sélectionné, "optgroup"'.fruits seraient retournés sur les deux comptes.

À l'aide de jQuery, comment puis-je obtenir le "optgroup" de chaque option?

source d'informationauteur Richard Parnaby-King