正则表达式。 找到包含一些单词的段落

Question

In text like this:

<p>1 bla bla <em>bla</em> bla bla</p><p>2 bla bla <em>bla</em> bla TEXT bla</p><p>3 bla bla <em>bla</em> bla bla</p><p>4 bla bla <em>bla</em> bla TEXT bla</p><p>5 bla bla <em>bla</em> bla bla</p>

I have to find paragraphs (between p tags) that contain string "TEXT".
I tried <p>.*?(TEXT).*?<\\/p>
and I tried <p>(?!<p>).*?(TEXT).*?<\\/p>

But it doesnt solve the problem.

Answer 1

((?!<\\/p>).)*(TEXT) to make sure 'Text' in one <p></p>

See demo

 var regex = /<p>((?!<\\/p>).)*?(TEXT).*?<\\/p>/g; var text = '<p>1 bla bla <em>bla</em> bla bla</p><p>2 bla bla <em>bla</em> bla TEXT bla</p><p>3 bla bla <em>bla</em> bla bla</p><p>4 bla bla <em>bla</em> bla TEXT bla</p><p>5 bla bla <em>bla</em> bla bla</p>'; console.log(text.match(regex)); 

Answer 2

The first one you wrote works for me when i try it in sublime text's search bar with regex activated.

<p>.*?(TEXT).*?<\/p> 

You just need to add start and end delimiter like (...) or {...} or /.../ or [...] So try it like this:

/<p>.*?(TEXT).*?<\/p>/ 

I think without delimiters its just a pattern and with them it's a regular expression in javascript... Add "i" after it for case insensitive search

/<p>.*?(TEXT).*?<\/p>/i

Answer 3

Since it is a string, (said by @Rajesh), just create a div element and appent to it.

get All the p tags using querySelectorAll and then use forEach function.

Check the innerHTML for /TEXT/ and if found, push it into array.

In the below program, the array a contains the 2 matching tags

 var str="<p>1 bla bla <em>bla</em> bla bla</p><p>2 bla bla <em>bla</em> bla TEXT bla</p><p>3 bla bla <em>bla</em> bla bla</p><p>4 bla bla <em>bla</em> bla TEXT bla</p><p>5 bla bla <em>bla</em> bla bla</p>"; var div=document.createElement("div"); div.innerHTML=str; var a=[]; div.querySelectorAll("p").forEach(x=>{if(/TEXT/.test(x.innerHTML)) a.push(x);}); console.log(a); 

If you don't want the <p></p> tags, just push the textContent

 var str="<p>1 bla bla <em>bla</em> bla bla</p><p>2 bla bla <em>bla</em> bla TEXT bla</p><p>3 bla bla <em>bla</em> bla bla</p><p>4 bla bla <em>bla</em> bla TEXT bla</p><p>5 bla bla <em>bla</em> bla bla</p>"; var div=document.createElement("div"); div.innerHTML=str; var a=[]; div.querySelectorAll("p").forEach(x=>{if(/TEXT/.test(x.innerHTML)) a.push(x.textContent);}); console.log(a); 

Answer 4

You can try something like this:

• Create a regex to get all groups
• Loop over these regex to check for necessary search key and filter out the matches.

 var str = "<p>1 bla bla <em>bla</em> bla bla</p><p>2 bla bla <em>bla</em> bla TEXT bla</p><p>3 bla bla <em>bla</em> bla bla</p><p>4 bla bla <em>bla</em> bla TEXT bla</p><p>5 bla bla <em>bla</em> bla bla</p>"; var groupRegex = /(?:^|<p>)(.*?)(?:<\\/p>|$)/g; var searchRegex = /text/i var groups = str.match(groupRegex); var result = groups.filter(function(s){ return searchRegex.test(s) }) console.log(result)