javascript - 来自变量的 jQuery 选择器

Question

JSFIDDLE LINK

var $select = $('select');

$select.on('change', function () {
    var value = $(this).val();
    var modifier = value.split('_')[0];
    var target = modifier + '_target';

    console.log(target);

    $('div').filter(target).addClass('active');

});

如果您打开控制台并从 select 中选择任何选项，您将看到抛出到控制台的文本是合法的(因为我想选择 modifier1_target 取决于所选的选项)。

但是，我无法从中创建一个 jQuery 选择器，因此当 div 被选中并应用一个 active 类时。

我尝试了 $(el).attr('class', target) 但它确实不起作用。

我想不出哪里错了？

Answer 1

你必须告诉 jQuery 这是你正在寻找的类 ('.' + target):

$('div').filter('.' + target).addClass('active');

Updated Fiddle