How to put all elements' content in array using jQuery ?

Question

Text1
Text2
Text3

Result should be :

[         


        

Answer 1

jQuery provides .map() for this:

var items = $('#main p').map(function () { return $(this).text(); }).get();

.map() iterates over its elements, invoking a function on each of them and recording the return value of the function in a new array, which it returns.

You could also have solved this with a simple .each():

var items = [];

$('#main p').each(function (i, e) {
  items.push($(e).text());
});