Select an array of elements in jQuery

Question

I need to wrap up an array of elements into a jQuery object as if they were selected so that I can call various jQuery actions on them.

I'm looking for a function like foo below that accepts an array of elements and returns a jQuery object with them in it.

var elements = [element1, element2, element3];

$(foo(elements)).click(function() {
    ...
});

Can someone shed some light on this?

Thanks much.

How are you selecting the elements for elements in the first place? — Daniel A. White
– Daniel A. White, Commented Feb 21, 2011 at 3:01
Are the elements in the array existing jQuery wrapped elements or normal DOM references? — alex
– alex, Commented Feb 21, 2011 at 3:03
@Daniel I have a table of elements, and I need to select all elements under one column which have the same name format. For example, all form elements that represent a location would have a name in the format foo*.bar*.location, where * is an index. I wasn't sure how to select them, so I was going to do document.getElementById() in a for loop since I know the number of rows. — Tom Tucker
– Tom Tucker, Commented Feb 21, 2011 at 3:10

Gabriele Petrioli · Accepted Answer · 2011-02-21 03:01:55Z

7

Just do

$(elements).click( function(){ ... });

if your elements are actual references to the DOM

demo: http://jsfiddle.net/gaby/dVKEP/

answered Feb 21, 2011 at 3:01

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Grinn Over a year ago

Note that it processes them in the order in which they appear in the array - which is nice if such a thing is important.

Peter-Paul Over a year ago

Like he said, it's only if they are references to the dom. Your fiddle works with jquery selectors. Kinda makes sense when you think about it. You wouldn't write $($("#id")) to select an element.

user479911 · Accepted Answer · 2011-02-21 03:01:01Z

4

Use jQuery.each

Example:

$.each(elements, function(index, element) { 
    $(element).doStuff();
});

answered Feb 21, 2011 at 3:01

user479911

Comments

DontVoteMeDown · Accepted Answer · 2015-04-08 13:10:20Z

2

Use each to iterate over both objects and arrays

var elements = ['element1', 'element1', 'elements3'];
$.each(elements, function(index, value) {
    alert(index + ': ' + value);
});

Check working example at http://jsfiddle.net/LpZue/

edited Apr 8, 2015 at 13:10

DontVoteMeDown

21.5k10 gold badges72 silver badges113 bronze badges

answered Feb 21, 2011 at 3:19

Hussein

42.9k25 gold badges115 silver badges143 bronze badges

Collectives™ on Stack Overflow

Select an array of elements in jQuery

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related