question about finding a more efficient jquery css selector

Question

I have a wrapper div containing 10 thumbnail divs each of which contains 10 img tags, I want an array of the first img tag's of each of these 10 thumbnail divs. Currently I am doing

$('#wrapper').find('.thumbnail').find('img:first') //--> [<img>, <img>, ... , <img>] 10 img tags total

Is there a shorter way to do this?

Thanks!

mattsven · Accepted Answer · 2011-03-29 15:51:03Z

2

$('#wrapper .thumbnail > img:first-child')

answered Mar 29, 2011 at 15:51

mattsven

23.5k11 gold badges73 silver badges106 bronze badges

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

2 Comments

Ozzy Over a year ago

Ah, forget my answer...this is better. :) I was going to suggest this one, when I saw Nik's comment about only the first img being returned. I didn't realized the difference between the first-child and first selectors..

Nik So Over a year ago

This one did it! Thanks NeXXeus

CarlosZ · Accepted Answer · 2011-03-29 15:57:09Z

1

Do it like this $('#wrapper .thumbnail img:first-child')

edited Mar 29, 2011 at 15:57

answered Mar 29, 2011 at 15:46

CarlosZ

8,7492 gold badges23 silver badges16 bronze badges

6 Comments

Nik So Over a year ago

Thanks CarlosZ, but that returns only 1 img tag

Aidiakapi Over a year ago

Yes it is, make it first-child, and it should be working properly.

CarlosZ Over a year ago

Thanks a lot @Aidiakapi, I just fixed it.

Nik So Over a year ago

So does this differ from the answer from NeXXeus in that if I wrapped EACH of those img tag with, say, a div tag, this selector will still find what I want?

CarlosZ Over a year ago

by using the #parent > .child selector you will only get the first-level descendants of #parent not using the > will allow to get all children with the .child class, regardless of whether they are first level.

|

Collectives™ on Stack Overflow

question about finding a more efficient jquery css selector

2 Answers 2

2 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related