Array and elements with jQuery

Question

I'm building an array with some elements like this :

var listAccordions = [];
$("#accordeon ul.sub-menu.ui-accordion").each(function() { 
listAccordions.push("#" + $(this).parent().attr('id') + " ul.sub-menu");
});

everything works fine here, i've got my array and it's nice, now I want to use it like this :

$( listAccordions ).hide();

but this doesn't seem to work ?

Thank you very much for your help

dfsq · Accepted Answer · 2012-10-16 14:16:36Z

1

You can do it like this:

$(listAccordions.join(',')).hide();

But the reasonable question: why would you need to have such a data structure?

answered Oct 16, 2012 at 14:16

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

moabi Over a year ago

ok thanks, it seems to work, well about the data structure : I need : #myid-8798 ul.sub-menu so i though i would do it directly in the array and also i need to compare it with an element that I don't need in the array and this element is already in this format... so...a better way ?

Daniel A. White · Accepted Answer · 2012-10-16 14:14:09Z

0

You will have to loop over listAccordions and call hide for each one.

for (var i = 0; i < listAccordions.length; i++) {
   $(listAccordions[i]).hide();
}

answered Oct 16, 2012 at 14:14

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

1 Comment

moabi Over a year ago

it could be a solution also, i guess the "for" solution is even faster then the "each" too...

Diodeus - James MacFarlane · Accepted Answer · 2012-10-16 14:14:28Z

0

listAccordions is in memory, not the DOM. You can add a class name to these elements, then use the class name to hide them - if you plan to use this collection for other things. Otherwise, hide them in the loop.

answered Oct 16, 2012 at 14:14

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Comments

mplungjan · Accepted Answer · 2012-10-16 14:14:57Z

0

$.each(listAccordions,function(i,item) {
  $("#"+item).hide();
});

will work. Your array is an array of strings

var listAccordions = [];
$("#accordeon ul.sub-menu.ui-accordion").each(function() { 
  listAccordions.push($("#" + $(this).parent().attr('id') + " ul.sub-menu"));
});

listAccordions.each(function() {
  $(this).hide()
});

should work too

answered Oct 16, 2012 at 14:14

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Comments

SamuGG · Accepted Answer · 2012-10-16 14:16:16Z

0

Try something like

$(listAccordions).each(function() {
    $(this).hide();
}

answered Oct 16, 2012 at 14:16

SamuGG

4792 gold badges8 silver badges20 bronze badges

Collectives™ on Stack Overflow

Array and elements with jQuery

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related