Javascript HTML values to Array

Question

$("#keyword-content").html()

Produces

  <p>
    javascript
  </p>
  <p>
    ruby
  </p>
  <p>
    python
  </p>

How can I convert this to ["javascript", "ruby", python"] ?

Ram · Accepted Answer · 2012-10-20 14:23:28Z

6

You can use the map method:

var arr = $('#keyword-content p').map(function(){
      return $(this).text()
}).get()

answered Oct 20, 2012 at 14:23

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

Dru Over a year ago

Thanks @undefined, this is a very clean pattern. Waiting to accept

Matt Burland · Accepted Answer · 2012-10-21 14:43:53Z

0

Something like this:

var myArray = [];

$("#keyword-content p").each(function(index,item) {
    myArray.push($(item).text());
});

edited Oct 21, 2012 at 14:43

answered Oct 20, 2012 at 14:25

Matt Burland

45.3k18 gold badges110 silver badges182 bronze badges

1 Comment

Dru Over a year ago

Thanks @Matt but this throws an error #<HTMLParagraphElement> has no method 'text'. I tried something similar with underscore.js before I came to SO for help.

Collectives™ on Stack Overflow

Javascript HTML values to Array

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related