Question

I’m trying to detect all Images and its paths (Srcs) inside the dynamic containers. dynamic containers means the container patterns will be in array (dynamically).

Like:

var containers = new Array(
                            "div#menu",
                            "div#elem1",
                            "p.footernav"
                      );

The containers will be dynamically filled. Originally unknown before.
Then i will grab these areas in loop:

for (var i=0; i< containers.length; i++) {
    var html_source = $(containers[i]).html();
    ?
}

All i got is just these so far.
Then how do i detect the IMAGES and SRC of <img src="..." /> inside each returned var html_source?

Answer 1

var html_source = $(containers[i]).html();

// here you need to wrap html_source within
// $(), because html_source is string
// not jQuery object

$(html_source).find('img').map(function(index, el) {
  return el.src;
}).toArray();

DEMO