How to strip HTML tags with jQuery

Question

I want to remove HTML tags from a string  For example assume we have the string     lt p gt  example ive got a string lt  P gt    How can I write a function that removes the  lt p gt  lt p gt  and returns just  example ive got a string

User · Answer

You can use the existing split function

One easy and choppy exemple:

var str = '<p> example ive got a string</P>';
var substr = str.split('<p> ');
// substr[0] contains ""
// substr[1] contains "example ive got a string</P>"
var substr2 = substr [1].split('</p>');
// substr2[0] contains "example ive got a string"
// substr2[1] contains ""

The example is just to show you how the split works.

User · Answer

The safest way is to rely on the browser TextNode to correctly escape content  Here s an example    x000D   x000D  function stripHTML dirtyString    x000D    var container   document createElement  div    x000D    var text   document createTextNode dirtyString   x000D    container appendChild text   x000D    return container innerHTML     innerHTML will be a xss safe string x000D    x000D   x000D  document write  stripHTML   lt p gt some  lt span gt content lt  span gt  lt  p gt       x000D  document write  stripHTML   lt script gt  lt p gt some  lt span gt content lt  span gt  lt  p gt       x000D   x000D   x000D    The thing to remember here is that the browser escape the special characters of TextNodes when we access the html strings  innerHTML  outerHTML   By comparison  accessing text values  innerText  textContent  will yield raw strings  meaning they re unsafe and could contains XSS   If you use jQuery  then using  text   is safe and backward compatible  See the other answers to this question   The simplest way in pure JavaScript if you work with browsers  lt   Internet Explorer 8 is   string replace    lt     gt     gt   ig        But there s some issue with parsing HTML with regex so this won t provide very good security  Also  this only takes care of HTML characters  so it is not totally xss-safe

User · Answer

Use the  text   function   var text       lt p gt  example ive got a string lt  P gt    text      Update  As Brilliand points out below  if the input string does not contain any tags and you are unlucky enough  it might be treated as a CSS selector  So this version is more robust   var text       lt div  gt    html   lt p gt  example ive got a string lt  P gt    text

User · Answer

If you want to keep the innerHTML of the element and only strip the outermost tag  you can do this       contentToStrip   each function        this  replaceWith   this  html

User · Answer

This is a example for get the url image  escape the p tag from some item   Try this       img   attr  src   split   lt p gt    1  split   lt  p gt    0

[jquery] How to strip HTML tags with jQuery?

Examples related to jquery