将选择器组合为jQuery中的变量

Question

我在考虑什么是组合选择器的最佳方法，我在jQuery代码中将其用作变量。 我想始终将选择器用作变量，但问题是有时我想在一个语句中使用它们，所以我在想什么是最优雅的方法。

我应该使用add（（x + y）.function ...）吗？ 或者也许添加字符串？ 或者也许将jQuery变量仅保留为具有名称的id，以便我可以在单个jQuery语句（即$）中合并

x = $('#selectorOne');
y = $('#selectorTwo');

Answer 1

您可以将它们存储在数组中：

var selectors = [
    '#selector1',
    '#selector2',
    ....
];

当您想一起使用它们时，请用逗号分隔join()

var alljoined = selectors.join(','); //join ALL selectors
$(alljoined).doSomethingToAll();     //and do something to all

您还可以选择：

var fewjoined = [                  //select a few selectors...
    selectors[1], 
    selectors[3],
    ...
].join(',');                       //..to join
$(fewjoined).doSomethingToAll();   //and do something

Answer 2

如果将它们声明为变量，则可以使用add() ：

x.add(y).something();

Answer 3

多个选择器（“ selector1，selector2，selectorN”） -您可以指定任意数量的选择器以组合成一个结果。 这种多表达式组合器是选择不同元素的有效方法。 返回的jQuery对象中DOM元素的顺序可能不相同，因为它们将按文档顺序排列。

范例：

$("div,span,p.myClass").css("border","3px solid red");

要么

.add（） -将元素添加到匹配的元素集中。

范例：

$("p").add("div").addClass("widget");

Answer 4

由于x和y只是数组，因此可以使用jQuery.merge组合它们。 高温超导