javascript - jquery 选择器中的多个变量

Question

我有这样的代码

$(".class1 .class2").on('click', function(){
 //Do something        
});

我正在尝试使用变量做这样的事情:

var1=".class1";
var2=".class2"

$(var1 var2).on('click', function(){
   //Do something        
});

我看到 var1 和 var2 设置为正确的值，但每次我尝试使用 2 个变量作为选择器时它都会失败。当我保持点击触发器不变并在代码的其他地方单独使用 var1 或 var2 (只是 var1 或 var2但不在同一个选择器列表中)它有效。有什么建议吗？

我想我使用 var3 连接 var1 和 var2，但我正在尝试减少另一个变量。

Answer 1

另一种选择是使用 jQuery 对象作为变量。这将避免必须声明第三个变量，这是非常简单的事情，但如果你真的想要，有一种方法。

这是假设您正在尝试将该函数应用于具有任一类的任何元素，这不是您现有代码示例显示的内容 ($(".class1 .class2").on) ，但对我来说，这似乎是您实际要求的。

var var1 = $('.clickable');
var var2 = $('.anotherClass');

var1.add(var2).on('click', function() {
  console.log('button clicked!');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="clickable">Click 1</button>
<button class="anotherClass">Click 2</button>