jQuery禁用基于div文本的选择选项

Question

如果div文本与其中一个选项类名匹配，我想禁用select选项，这是我的代码：

<select>
    <option class="aaa" value="aaa">aaa</option>
    <option class="bbb" value="bbb">bbb</option>
    <option class="ccc" value="ccc">ccc</option>
    <option class="ddd" value="ddd">ddd</option>
</select>

<div class="field">
    <div>aaa</div>
    <div>ccc</div>
</div>

在此示例中，应禁用aaa和ccc选项，谢谢！

Answer 1

$('select option').prop('disabled',false); // reset
$('.field > *').each(function() {
    var str = $(this).text();
    $('select option.'+str).prop('disabled',true);
});

http://jsfiddle.net/mblase75/y7Cv4/

Answer 2

<强> JSFIDDLE DEMO

$('div').not('.field').each(function () {
    var txt = $(this).text();
    $('option[value=' + txt + ']').prop('disabled',true);
});