如何用变量替换$ a中的“ a”

Question

我正在尝试用变量替换函数中的字母“ a”。 例如，更改此：

setInterval(function(){         
    var $a = $( '.a' ); 
});

对此：

var thisClass = 'a';
setInterval(function(){         
    var $(thisClass) = $( '.'+thisClass );  
});

问题是= $( '.'+thisClass ); 工作正常，但var $(thisClass)不能。 我尝试了一些变体，包括： var $thisClass和var $('thisClass')但没有任何效果。

是否可以在$a插入/注入变量来代替“ a”？

更新：

以下是我的实际代码的当前状态。 我确实意识到我可以简单地用$( '.a' )替换$a ，这解决了我尝试使用var替换函数中使用的所有className的一些问题。 但是最后我仍然留下getElementById("a") ，如果我使用例如getElementById("classVar")或getElementById(classVar)代替，它将无法正常工作。

    setTimeout(function(){
        var classVar = 'a'; 
        $('.'+classVar).makisu( 'toggle' );
            $('.'+classVar).makisu({ 
                selector: 'dd',
                overlap: Math.random() * (.7 - .2) + .2,
                speed: Math.random() * (3 - .2) + .2
            });
    }, document.getElementById("a").childElementCount*universalBoxTime );

Answer 1

您可以通过属性名称访问它，只要您知道父对象即可。

在您的情况下，您的变量看起来像是在全局范围内，因此您可以尝试从window对象访问它：

var thisClass = 'a';
setInterval(function(){         
    window['$' + thisClass] = $( '.'+thisClass );  
});

如果只需要在setInterval函数中使用this变量，则可以使用this代替window ：

var thisClass = 'a';
setInterval(function(){         
    this['$' + thisClass] = $( '.'+thisClass );  
});

Answer 2

您的问题是范围。 在您发布的代码中， classVar仅存在于setTimeout回调内部，而不能在外部使用。 在JavaScript中，您可以创建用于创建和调用其他函数的函数，从而可以通过以下方式使代码更加通用：

function do_the_thing($elements) {
    var delay = $elements.children().length * universalBoxTime;

    setTimeout(function() {
        $elements.makisu('toggle');
        $elements.makisu({ 
            selector: 'dd',
            overlap: Math.random() * (.7 - .2) + .2,
            speed: Math.random() * (3 - .2) + .2
        });
    }, delay);
}

do_the_thing($('.a'));
do_the_thing($('.b'));

我使用$elements代替elements只是为了使$elements是一个jQuery对象。 当用作变量名的一部分时，美元符号没有意义。