jquery - 根据所选选项的类别更改选择的类别

Question

我有一个包含大量 元素的页面。我想要实现的是确保如果 的选定 有一个名为 italic 的类，那么 就会有 italic 添加了类(即 jQuery.addClass('italic'))。如果没有，则从 中删除 italic 类以确保正确显示其他 元素(即 jQuery.removeClass('italic')).

我在大多数尝试中注意到的是所有 都有 italic 类，或者 italic 类没有被相应地删除.

因为我不确定我在选择器和回调逻辑中的选择在这种情况下是否特别合理或很好的做法(因为我一直在努力让它工作而令人沮丧)我决定不包含我在之前使用的代码尝试。相反，请引用这个小的 HTML 和 CSS 示例:

.italic {
    font-style: italic;
}

<select id="foo" name="foo" size="1">
  <option value="NA" selected="selected"> - Select - </option>
  <option value="1">Bar</option>
  <option value="2">Fu</option>
  <option value="3">Baz</option>
</select>

此外，我知道并非所有浏览器都支持

和 的 CSS 样式。相关的 J2EE Web 应用程序只能在受控环境下通过 Firefox 访问。

Answer 1

如果用户更改您选择的“foo”中的选项，函数将根据所选选项应用或删除斜体。

$("select").change(function(e) {
    var select = e.target;
    var option = select.options[select.selectedIndex];
    if ($(option).hasClass('italic')) {
        $(select).addClass('italic');
    } else {
        $(select).removeClass('italic');
    }
});