Way to access Array with jQuery objects

Question

i've got an array like following

[jQuery('div#example1'), jQuery('div#example2'), jQuery('div#example3'), jQuery('div#etcetera')]

Goal

elementArray = [jQuery('div#example1'), jQuery('div#example2'), jQuery('div#example3'), jQuery('div#etcetera')];

$(elementArray).remove();

//or

$(elementArray).css('border', '1px solid red');

I want them all to get the same treatment, with some function. The only way i know to access the elements is to loop trough the array.

Can someone help me out with a more efficient way to go about this?

jQuery(div#wallItem303.wallItem✉) should be jQuery('div#wallItem303.wallItem✉') - you're missing quotes. — Šime Vidas
– Šime Vidas, Commented May 7, 2011 at 12:43

Šime Vidas · Accepted Answer · 2011-05-07 12:53:44Z

1

Here you go:

$.each(elementArray, function(i, v) {
    v.remove();
});

When using $.each, the function runs for every array element (which is referenced by v).

Live demo: http://jsfiddle.net/XyRZE/

Update: You could use map to replace each jQuery object in the array with the DOM element object that's contained within it.

$(elementArray).map(function(i, v) { return v[0]; }).remove();

Live demo: http://jsfiddle.net/XyRZE/1/

edited May 7, 2011 at 12:53

answered May 7, 2011 at 12:48

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

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

1 Comment

dubbelj Over a year ago

as i stated in the question. I know how to access the array in a loop. My question is if there's a more efficient way.

Oleg Grishko · Accepted Answer · 2011-05-07 11:00:49Z

0

Maybe you could select the items all together to one jQuery array

var myArray = $("div#wallItem303.wallItem, div#wallItem103.wallItem, div#wallItem323.wallItem");
myArray.css('border', '1px solid red');

answered May 7, 2011 at 11:00

Oleg Grishko

4,2912 gold badges41 silver badges53 bronze badges

Comments

redsquare · Accepted Answer · 2011-05-07 11:01:19Z

0

You can target multiple elements in a jquery selector.

See jQuery multiple selector api.

jQuery('#wallItem303, #wallItem303').remove();

N.B if you have an id do not prefix it with the nodeName in the selector.

answered May 7, 2011 at 11:01

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

1 Comment

dubbelj Over a year ago

that would work, except the array exists of jQuery objects, not selector strings. I need to use this array.

Edgar Villegas Alvarado · Accepted Answer · 2011-05-07 13:13:25Z

0

Here's the solution. The way you did is fine, however if you want to use a function, here you have:

$(elementArray).each(function(){
   $(this).css('border', '1px solid red');
   //Do whatever you want in this function
});

Hope this helps. Cheers

answered May 7, 2011 at 13:13

Edgar Villegas Alvarado

18.4k2 gold badges45 silver badges61 bronze badges

1 Comment

dubbelj Over a year ago

as i stated in the question. I know how to access the array in a loop. My question is if there's a more efficient way.

Collectives™ on Stack Overflow

Way to access Array with jQuery objects

4 Answers 4

1 Comment

Comments

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

1 Comment

Related