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

Question

<div id="main">
<p>Text1</p>
<p>Text2</p>
<p>Text3</p>
</di>

Result should be :

["text1","text2","text3"]

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());
});