將選擇器組合為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組合它們。 高溫超導