正则表达式以删除html标签和字符

Question

I need help with a regex which will remove all html tags and characters from the string.

In my code shown below, I've oldStr :

On click of the 'Replace' button, I'd want to change the oldStr to 'Hello' and remove '<', '>' and any sort of html tags as shown in my string.

How could I achieve that?

Here's my code:

 $(document).ready(function(){ var oldStr = '<p><a>Hello</a></p&gt'; $('#old').text(oldStr); $('#replaceBtn').click(function(){ var newStr = mystr.replace('<', ''); $('#new').text(newstr); }); }); 

 div{ height: 50px; width: 300px; border: 1px solid grey; border-radius: 5px; margin: 10px; padding: 10px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="old"></div> <br /> <div id="new"></div> <br /> <button id="replaceBtn">Replace</button> 

Answer 1

Please try this

 var oldString = '<p><a>Hello</a></p>'; var newString = $(oldString).text(); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 2

Try the below code. https://jsfiddle.net/vineeshmp/do83rje2/

$(document).ready(function(){ 
  var oldStr = '<p><a>Hello</a></p&gt';
  $('#old').text(oldStr);
  $('#replaceBtn').click(function(){
    var newStr = $('<textarea />').html(oldStr).text();
    $('#new').text( $(newStr).text());
  });
});

Answer 3

var oldStr =  '<p><a>Hello</a></p>&gt';
var indexStart = oldStr.search("H");
var indexEnd = oldStr.search("o");
var newStr = oldStr.substring(indexStart,indexEnd +1);

Answer 4

I think this is what you are trying to do.

Quick run down:

turns the < and > characters into a much easier to read format. We do this so that we can get rid of the tag's or any information in them much easier.

I'm sure there's a faster way to replace both of them than chaining the method like I did, but I just woke up so this is what came out.

Next is the regex, which is sort of a mess but let me try to explain it:

"Find anything between the inequality symbols, but don't be greedy -- match the first one you find OR match anything of the format '&(some word characters);'" then we just replace anything that matches that with an empty string. What you are left with should just be a string containing what would be the text of the element.

For an alternative, you may just want to follow the first two replace calls and then just use Nimish's answer, which I feel would be much more reliable as jQuery's HTML parser is miles better than what I wrote.

 var oldStr = '&lt;p&gt;&lt;a&gt;Hello&lt;/a&gt;&lt;/p&gt;'; var newStr = oldStr.replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/(<(.*?)>|&\\w+;)/g,''); alert(newStr); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>