jquery - 单击时无法更改元素类

Question

请告诉我为什么 div 的 id AudioVol+..(例如 1,2,3 等)单击类名为 option_audio_player_mute 的元素时不更改类名称吗？

还告诉我，我可以减少/重构我的代码吗？

$('.option_audio_player_mute').live('click', function () {
    var idn = this.id.split('+')[1];
    var vol1 = $('#AudioVol1+' + idn);
    if ($(this).hasClass('audio_mute')) {
        vol1.removeClass('audio_vol_not_active').addClass('audio_vol_active');
    } else if ($(this).hasClass('audio_not_mute')) {
        vol1.removeClass('audio_vol_active').addClass('audio_vol_not_active');
    }
});

为什么这不起作用？

Answer 1

+ 符号在 CSS(和 jQuery)选择器中具有特殊含义:它用于指定 adjacent sibling selectors .

尝试使用两个反斜杠转义 ID 选择器中的 + 符号:

var vol1 = $("#AudioVol1\\+" + idn);