无法获取禁用twitter bootstrap下拉项

Question

我正在尝试进行高级搜索以过滤我要查找的内容。所以，我使用引导下拉列表来选择我的过滤器，我想根据某些条件禁用一些下拉项。但我已经尝试了一些方法，我无法弄清楚它为什么不起作用。

        <ul class="dropdown-menu" role="menu">
          <li><a class="enabled" id="filter_a">Search by A</a></li>
          <li><a class="enabled" id="filter_b">Search by B</a></li>
          <li><a class="enabled" id="filter_c">Search by C</a></li>
          <li><a class="enabled" id="filter_d">Search by D</a></li>
        </ul>

所以，为了禁用第一个我有id =“filter_a”的项目，我试过了：

在HTML代码中设置class =“disabled”，命令显示没有成功。

$('#filter_a').addClass('disabled');

现场演示： https://jsfiddle.net/gheleri/mL2btnws/1/

Answer 1

您需要将该课程添加到父亲'li'

$('#filter_a').parent().addClass('disabled');