I have this array:

var arr  = ['<p id="p1">Paragraph 1<p>', '<p id="p2">Paragraph 2<p>', '<p id="p3">Paragraph 3<p>']

How can I get the text Paragraph 3 from this array?

I have this array:

var arr  = ['<p id="p1">Paragraph 1<p>', '<p id="p2">Paragraph 2<p>', '<p id="p3">Paragraph 3<p>']

How can I get the text Paragraph 3 from this array?

• javascript
• jquery
• return-value
• paragraph
• xgettext

• 1 If you know you want the text "Paragraph 3", why do you need to get it from the array? If you don't know that, then by what criteria are you looking for content? – Pointy Commented Apr 22, 2013 at 16:40
• Begs the questions, why do you have an Array of HTML markup in the first place? What is ultimately going to be done with it? Why do you only need the text content? Is it tied to something else you're trying to do? – silly little me Commented Apr 22, 2013 at 17:02

2 Answers 2

You can use:

$(arr[2]).prop('innerHTML');

or:

$(arr[2]).html();

Fiddle

You can strip the inner text by chopping up the string using the split() method.

<script>

var arr  = ['<p id="p1">Paragraph 1<p>', '<p id="p2">Paragraph 2<p>', '<p id="p3">Paragraph 3<p>']

/* Even works with closed <p> element */

var arr  = ['<p id="p1">Paragraph 1</p>', '<p id="p2">Paragraph 2</p>', '<p id="p3">Paragraph 3</p>']

alert(arr[2].split('>')[1].split('<')[0])
</script>