jquery - 根据描述隐藏选择中的选项

Question

我对 jquery 有点陌生，但我喜欢简短紧凑且功能强大的代码。我试图从从数据库获取的选择中删除一个选项。不同选项的值可能不同，因此我需要从描述中进行选择，而不是从值中进行选择。从其他问题来看，大多数解决方案似乎都会考虑选项的值，但在我的例子中，值可以改变，但描述不能改变。

以下是页面上的示例输出:

<div class="entityPropertyValueEdit entityPropertyValueEdit_ProjectSelect col-sm-9">
<select propertyid="347" name="e_prop[347]" id="e_prop[347]" class="" rel="Project Select">
    <option value="80" selected="selected">Unknown</option>
    <option value="972">Manager</option>
    <option value="18325">Sales</option>
    <optgroup label="Branches Sales">
        <option value="1016">New York</option>
        <option value="1022">London</option>
        <option value="1028">Paris</option>
    </optgroup>
    <optgroup label="Optional Sales">
        <option value="1089">Dublin</option>
        <option value="1095">Hong Kong</option>
        <option value="1101">Berlin</option>
    </optgroup>
</select>
</div>

我需要隐藏描述为柏林的选项。 optgroup 标签将始终相同。 div 类名将始终相同(页面上可以有多个选择)，并且 select rel 将始终是“Project Select”。 optgroup 标签也是不变的。

Answer 1

如果您从数据库获取值，则意味着您可以使用描述为每个 option 元素设置备用属性。

考虑这个例子:

<option value="1101" data-description="Berlin">Berlin</option>

然后您可以按属性选择任何元素并将其隐藏:

var description = 'Berlin';

$('option[data-description=' + description + ']').hide();

希望您觉得这有帮助。