Question

I have some array, received from similar “a” elements.

links = jQuery('a');

How can I get string with href destination and content? Something like:

<a href="/dest1">First</a>
<a href="/dest2">Second</a>
need =>
/dest1 First, /dest2 Second

Answer 1

You can use map() and join():

$('a').map(function(index, link) {
    return link.href + ' ' + $(link).text();
 // return [link.href, $(link).text()].join(' ');  // This works too
}).get().join(', ');

Demo: http://jsfiddle.net/t4nr5/

• .map() iterates over your matched elements;
• return replaces the element with the string that you returned (in the object).
• .get() converts the returned jQuery object into the underlying JS object, which is an array in this case.
• .join() joins the parts together.