How to get img inside a particular div using JQuery

Question

I have to get all the image tags ids inside a particular div. How can I get that using JQuery?

Answer 1

Hi there.

Rough guess, but try:

var imgIds = new Array();

$("div#divID img").each(function(){
    imgIds.push($(this).attr('id'));
});

You haven't given the name of the div, but I've used divId as the id of the div. Simply change that to suite your needs.

Cheers. Jas.

Answer 2

Use a child selector. So your saying I want all of the child 'img' elements of div #myDiv

$("#myDiv > img").css("border", "3px double red");

http://api.jquery.com/child-selector/

Answer 3

var arraysOfIds = $('#particularDivId').find('img').map(function(){
                       return this.id;
                   }).get();

// arraysOfIds has now all the id's, access it as arraysOfIds[0], arraysOfIds[1]....  

Answer 4

You mean you want to have the ID attribute of each image?

var image-ids = $('#id-of-div img').map(function(){
                      return $(this).attr('id');
                }).get();

If you only want to get all images that are in a certain div, it is just:

$('#id-of-div img')

---

Reference: map(), get()