javascript - Change property or apply event to multiple objects in jQuery

Question

I have following code:

var elem1 = $("#elem1");
var elem2 = $("#elem2");
var elem3 = $("#elem3");

I want to disable all these in single line of jquery code using the var names. I know jquery allows to find the multiple elements using single $("#elem1, #elem2") but I want to use the variable name and disable them at once, something like:

elem1.elem2.elem3.prop("disabled", true);

Is it possible? How to do this?

Answer 1

由于您已经选择了对象，因此可以使用add()

var elem1 = $("#elem1");
var elem2 = $("#elem2");
var elem3 = $("#elem3");

elem1.add(elem2).add(elem3).prop("disabled", true);

如果您没有选择对象，最好使用类选择器。

Answer 2

您可以使用attributes-starts-with选择器

$('[id^="elem"]').prop('disabled',true);