How to convert a jquery array to a string array in javascript

Question

I ran the following jquery command:

x=$(".container h3")

and got back this response:

[<h3>A</h3>, <h3>B</h3>, <h3>C</h3>, <h3>D</h3>, <h3>E</h3>]

I would like to convert each of the elements in the array to a string, so the final result would look like this:

["A", "B", "C", "D", "E"]

The problem is that I can't convert each jquery response object into a string element.

I tried to cast each object as a String, via:

for(var i=0; i < x.length; ++i) {console.log( String(x[i]) )}

But I got back this:

[object HTMLHeadingElement]
[object HTMLHeadingElement]
[object HTMLHeadingElement]
[object HTMLHeadingElement]
[object HTMLHeadingElement]

Is there a direct way of converting each object into a string element?

Ram · Accepted Answer · 2013-08-31 17:00:53Z

7

Why not using .map() method?

var x = $(".container h3").map(function(){
    return $(this).text();
}).get(); // ["A", "B", "C", "D", "E"]

answered Aug 31, 2013 at 16:57

Ram

145k16 gold badges174 silver badges201 bronze badges

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

3 Comments

note: if IE support is not required, return this.textContent will do

note that iteration is not the problem. The stringification was.

Thanks for the fast response time :)

chanaka777 · Accepted Answer · 2013-08-31 17:25:35Z

1

var x = [];
$(".container h3").each(function(){
    x.push($(this).text());
});

answered Aug 31, 2013 at 17:25

chanaka777

3891 gold badge2 silver badges11 bronze badges