jQuery减少代码以获得更好的可维护性？

Question

在jQuery中你可以做到

$("#id1, #id2").doSomething();

但是，如果你有

var $id1 = $("#id1");
var $id2 = $("#id2");

有没有办法轻松地将它们组合在一起并执行doSomething（）？

$($id1, $id2).doSomething(); //ERROR

只有两个元素很好，但如果我喜欢超过10个元素。 我需要重复做......

$id1.doSomething();
$id2.doSomething();
....

有没有简单的方法来分组？

Answer 1

你可以使用jQuery.add() ：

var $allIds = $id1.add($id2);
$allIds.doSomething();

Answer 2

我有一个命题：也许你可以设置那些元素新类。 例如：

Html代码：

<div>
    <div id="id1" class="exampleClass">...</div>
    <div id="id2" class="exampleClass">...</div>
</div>

JavaScript代码：

$(".exampleClass").doSomething();

这适用于所有元素。