Want to select all the text of
tag from a
tag

Question

I am trying to select all the text between

tags from a parent tag. How to do this. using regex

This is my sample string

<p>sddsd</p>
<pre>
<p>line 1</p>
<p>line 2</p>
<p><line 3</p>
</pre>

I want to select only this

line 1
line 2
line 3

I am using this regex, but it is selecting only first line of p tag

<pre>\n<p>(.+)<\/p>

use this website to run your regex

https://regex101.com/

Please help me...

Why use regex? This is considered [bad practice](https://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454) — trincot, Apr 14 '19 at 07:13
A [DOM parser](https://developer.mozilla.org/en-US/docs/Web/API/DOMParser) will do the job nicely. — trincot, Apr 14 '19 at 07:15
@trincot : i cant use this right now, i have written regex for my full project, and i am stucking in this. please help me through regex. — Nazish Fraz, Apr 14 '19 at 07:18
You should start with valid HTML. A P element is not allowed as a child of a PRE element. Perhaps you should write a simple DOM parser? — RobG, Apr 14 '19 at 07:39

score 0 · Answer 1 · answered Apr 14 '19 at 07:19

0

You could do with DOMParser() .No need regex

var str = '<p>sddsd</p><pre><p>line 1</p><p>line 2</p><p>line 3</p></pre>';

var parser = new DOMParser();
var htmlDoc = parser.parseFromString(str, 'text/html');
console.log(htmlDoc.querySelector('pre').textContent)

answered Apr 14 '19 at 07:19

prasanth

22,145
4
29
53

The OP HTML is invalid, so the results will be implementation dependent. Most likely the P elements will be moved out of the PRE element, so the result **might** be an empty string. – RobG Apr 14 '19 at 07:37
i think its a typo on third element of `
`
– prasanth Apr 14 '19 at 07:41

Want to select all the text of tag from a tag

1 Answers1

Want to select all the text of
tag from a
tag