<div id="main">
<p>Text1</p>
<p>Text2</p>
<p>Text3</p>
</di>
Result should be :
["text1","text2","text3"]
Add a comment
|
2 Answers
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());
});
1 Comment
faressoft
Is not there a more concise way
This will work:
var p = $('#main p').map(function () {
return '"' + $(this).text() + '"';
}).get().join(',');
p = "[" + p + "]";
map() lets you iterate over each match and get a value from it, which is inserted into an array-like object. get() then returns it as a Javascript array, and .join makes the array into a string.
