javascript - 如何用变量替换 jQuery 事件名称

Question

有没有办法用如下变量替换 jQuery 事件名称？如果有的话，怎么样？如果不是，为什么？

非常感谢。原代码:

var menu = $('.menu');
var search_bar = $('#search_bar');
var bar = $('#bar');
var icon = $('.myicon');

search_bar.focusin(function(){
    search_bar.css('width','20%');
    menu.css('width','80%');
    bar.css('color', '#000);
    icon.css('color', '#000);
});

我想要的代码:

function doSomething(tag, tagAction, actionAttributes) {
    if ((tag) && (tagAction)) {
        $(tag).???tagAction(actionAttributes.key, actionAttributes.val);
    }
}

???tagAction 代表“css”，是否有通配符可以替换事件名称，或者我应该使用“switch”才能让下面的代码正常工作？

doSomething(".menu", "css", "{'width':'80%'}");

Answer 1

您可以使用bracket notation

function doSomething(tag, tagAction, actionAttributes) {
    if ((tag) && (tagAction)) {
        $(tag)[tagAction](actionAttributes.key, actionAttributes.val);
    }
}

请注意，您尝试调用 doSomething 的方式将不起作用，因为 actionAttributes 变量是字符串，而不是对象。这样调用就可以了。

doSomething(".menu", "css", {key:'width', val:'80%'});