jquery - 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();

这适用于所有元素。