Show elements from array in jquery

Question

I'm new in web development. I converted the list of image names to an array by following codeL

var image_array = $("#image-ul img").map(function() {return $(this).attr("src");});

Now I want to show some of these images. I show all the images by adding following codeL

$('#image-ul img').css('display','block');

But I want some of the images, like the following:

for (var i=0; i<2; i++) { $('#image-ul img:image_array[i]').css('display','block');}

How can I do this?

some of images mens which images..please specify.. it will help to give ans — Ganesh Bora
– Ganesh Bora, Commented May 9, 2013 at 11:01
It makes no sense to get the image source for all images in a map, and then use a for loop to select the images based on the source in a map you just got from the same elements etc? You could'nt jump thru more hoops even if you tried! — adeneo
– adeneo, Commented May 9, 2013 at 11:06

adeneo · Accepted Answer · 2013-05-09 11:02:04Z

3

You don't really use a for loop to do that, you select the images and limit the selection with eq(), lt(), gt() etc. So for anyting with an index lower than 2, you do :

$('#image-ul img:lt(2)').show();

answered May 9, 2013 at 11:02

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2013-05-09 11:02:39Z

1

Try

for (var i=0; i<2; i++) { $('#image-ul img:eq(' + i +')').css('display','block');}

Or

for (var i=0; i<2; i++) { $('#image-ul img').eq(i).css('display','block');}

answered May 9, 2013 at 11:02

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Mark Walters · Accepted Answer · 2013-05-09 11:09:35Z

1

Change this line

for (var i=0; i<2; i++) { $('#image-ul img:image_array[i]').css('display','block');}

to this

for (var i=0; i<2; i++) { $('#image-ul img').eq(i).show(); }

as Juhana pointed out .show() is the best way to show display an element with jQuery

edited May 9, 2013 at 11:09

answered May 9, 2013 at 11:02

Mark Walters

12.4k6 gold badges36 silver badges48 bronze badges

2 Comments

andDev Over a year ago

it is my desired answer.Thanks

Mark Walters Over a year ago

@andDev my example is just a way for you to get the desired effect from your code, however Adeneo has shown a much more efficient way of achieving what you're after

Collectives™ on Stack Overflow

Show elements from array in jquery

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related