Question

我的HTML是

<div class="dropdown-toggle">My text</div>
<div class="dropdown-toggle">Not my text</div>
<div class="dropdown-toggle">My text</div>

<select>
  <option>My text</option>
  <option>My text</option>
  <option>Not my text></option>
</select>

可能有效的jQuery

if($("option").text() == $(".dropdown-toggle").text()) {

}

我希望实现的结果是：

<select>
  <option disable="disabled">My text</option>
  <option disable="disabled">My text</option>
  <option>Not my text></option>
</select>

我无法弄清楚的是如何根据具有特定类的div文本来定位具有相同文本的选项？

Answer 1

像这样：

$("option").each(function(idx){
if($(this).text() == $(".dropdown-toggle").eq(idx).text()) {
   $(this).prop("disabled",true);
}
});

Answer 2

使用：

$(".dropdown-toggle").each(function(){
  var ddrtext=$(this).text();
  $('option').filter(function(){
    return ddrtext==$(this).text();
  }).attr('disabled','disabled')
});

<强> Working Demo

如果文本等于div中的另一个文本，如何禁用选项？

2 个答案: