Question

given a block of html that is a var, not on the actual document:

var html_cmt = "Check out this awesome link: https://github.com/jquery/jquery-ui Check out this awesome link: https://github.com/jquery/jquery-ui Check out this awesome link: https://github.com/jquery/jquery-ui Check out this awesome link:"

I need to build an array of all links, I have the following but it’s only building the first one, not all.

var hrefs = new Array();
hrefs.push( $("<div>").html(html_cmt).find('a').attr('href'));

Suggestions on how I can create an array of all the links, given html content that is not on the document just a JS var? thank you

Answer 1

You can use ..map and .get: http://jsfiddle.net/tyggq/.

var hrefs = $("<div>").html(html_cmt).find("a").map(function() {
  return this.href;
}).get();

// find <a> elements, replace them with their hrefs, and
// convert the jQuery object to an array

The string should contain actual <a> elements though; you say it works for the first <a> element so I guess your string is different from what you posted.