Put all element values in an array

Question

I have the following markup:

<div class="class1"><p>line1</p><p>line 2</p></div>

With jQuery, how can I take the values of all the p tags within the div and place them in an array?

David Tang · Accepted Answer · 2011-03-13 01:44:27Z

7

Use .map():

var arr = $('.class1 p').map(function () {
    return $(this).text();
}).get();

answered Mar 13, 2011 at 1:44

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

David Tang Over a year ago

@Bjarki, without the .get(), the array is jQuery-wrapped, which still works, but you have meaningless functions like find, click, etc, still attached.

Lightness Races in Orbit Over a year ago

More specifically, .map() returns a jQuery object and .get() creates a native array from its elements.

Lightness Races in Orbit · Accepted Answer · 2011-03-13 01:48:40Z

2

I will assume you mean the contents of the <p> elements, not their value (which is nothing).

var text = [];
$('.class1 > p').each(function() {
    text[text.length] = $(this).text();
});

answered Mar 13, 2011 at 1:48

Lightness Races in Orbit

387k77 gold badges670 silver badges1.1k bronze badges

1 Comment

Lightness Races in Orbit Over a year ago

Box9's solution is more idiomatic jQuery (and probably better), though both are valid.

Collectives™ on Stack Overflow

Put all element values in an array

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related