Jquery检查'select option'元素是否具有类'treeroot'，如果为true：停止它是可选择的

Question

我如何检查select option元素是否具有类'treeroot'，如果为true：阻止它从用户中选择？

<select  name="_groups_id_assign" size="1" class="valid">
    <optgroup label="Entité racine" style="display: none; ">
        <option value="6" class="treeroot" 
            title="Production - ">Production</option>//this one
        <option value="8" class="tree" 
            title="Production &gt; Accident du travail Agent - "
        >   »Accident du travail Agent</option>
        <option value="4" class="treeroot" 
            title="Production Automobile - "
        >Production  Automobile</option>//this one
        <option value="5" class="tree" 
            title="Production Automobile &gt; Automobile - "
        >   »Automobile</option>
    </optgroup>
</select>

Answer 1

$("option.treerot").prop('disabled', true)

用户无法选择“已禁用”选项，但如果第一个选项被禁用，则折叠时它仍将显示在下拉列表中。