未选择 Jquery 选项不起作用答案

【问题标题】：Jquery option not selected not working未选择 Jquery 选项不起作用
【发布时间】：2013-07-18 21:52:45
【问题描述】：

我有一个选择菜单，可以导航到不同的绝对定位的 div。无论显示哪个选项，该 div 都会通过添加的不透明度等于 1 的类淡入视图。我可以让 div 根据菜单添加类，但如果该选项，我似乎无法删除该“活动”类没有被选中——我的JS如下：

$("#hine").change(function() {

  var who=$('#hine option:not(:selected)').val();
  var whon=$('#hine option:selected').val();

    $(who).removeClass('active');
   $(whon).addClass('active');

});

我在这里有一个 jsfiddle 设置：http://jsfiddle.net/nwT9c/4/

【问题讨论】：

您好像发布了错误的 jsfiddle URL...
抱歉-忘记更新-jsfiddle.net/nwT9c/5
好的，在当前版本中，您正在尝试向所选值添加一个类（它是一个字符串，而不是 HTML 对象）——这没有任何意义。此外，您为什么要向“选项”对象添加一个类。您可能想将其添加到其他地方。

标签： jquery html css jquery-selectors option

【解决方案1】：

试试这个：

var whon = $('#hine option:selected').val();
$('.active').removeClass('active').addClass('inactive');
$(whon).removeClass('inactive').addClass('active');

jsFiddle

【讨论】：

【解决方案2】：

您正在将未选择元素的值分配给 who 变量。

改为：

var who=$('#hine option:not(:selected)');
var whon=$('#hine option:selected');

你应该很好

【讨论】：

但我希望“谁”成为未选中的...因为我正在从未选中的类中删除活动类...jsfiddle.net/nwT9c/5
@lancesmith 我知道你现在在做什么，这些值是选择器。是 $('#hine option:not(:selected)');在 devtools/firefox 控制台中返回任何内容。