Javascript String Replace span element by empty string

Question

I have HTML string in JS where I would like to remove the span element from it.

var HTML= '<div>test</div><p>test</p><span class="removedata">X</span><span>test</span><span class="removedata">X</span>';

After removing Span, it should be look like:

HTML= '<div>test</div><p>test</p><span>test</span>';

I have tried below JavaScript operation but does not work,

HTML = HTML.replace('/<span class="removedata">X</span>/g',"");

Any inputs?

Above span remove string is fixed. So you can share solution based on it. No, I don't need Regular expression. — Ankit Shah
– Ankit Shah, Commented Mar 23, 2017 at 13:55
Possible duplicate of How to replace all occurrences of a string in JavaScript? — Pugazh
– Pugazh, Commented Mar 23, 2017 at 13:56

TimoStaudinger · Accepted Answer · 2017-03-23 13:57:38Z

1

The slash / is a special character in regular expressions and you need to escape it \/:

var html = '<div>test</div><p>test</p><span class="removedata">X</span><span>test</span><span class="removedata">X</span>';
var newHtml = html.replace(/<span class="removedata">X<\/span>/g, '');

console.log(newHtml); // "<div>test</div><p>test</p><span>test</span>"

answered Mar 23, 2017 at 13:57

TimoStaudinger

42.7k16 gold badges91 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kind user · Accepted Answer · 2017-03-23 13:56:01Z

1

You could try to do it with RegExp.

var str = '<div>test</div><p>test</p><span class="removedata">X</span><span>test</span><span class="removedata">X</span>',
    str2 = str.replace(/<span class="removedata">X<\/span>/g, '');
    console.log(str2);

answered Mar 23, 2017 at 13:56

kind user

42k8 gold badges69 silver badges78 bronze badges

Comments

Vergil Penkov · Accepted Answer · 2017-03-23 14:01:22Z

0

If you insist on a regular expression, you could

HTML = HTML.replace(/<\/?span class="removedata".[^>]*>/g, '');

edited Mar 23, 2017 at 14:01

answered Mar 23, 2017 at 13:56

Vergil Penkov

3552 silver badges11 bronze badges

1 Comment

Ankit Shah Over a year ago

This does not worked. I don't need to remove all span but span with class removedata.

Jatin patil · Accepted Answer · 2017-03-23 14:02:46Z

0

var HTML= '<div>test</div><p>test</p><span class="removedata">X</span><span>test</span><span class="removedata">X</span>';

var htmlObj = $(HTML);
htmlObj = htmlObj.not(".removedata");

var htmlString = $('<div>').append(htmlObj).html();
console.log(htmlString);

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

answered Mar 23, 2017 at 14:02

Jatin patil

4,2961 gold badge20 silver badges27 bronze badges

Comments

edi · Accepted Answer · 2017-03-23 14:05:03Z

0

You could replace the text, but a different approach would be also possible:

At some point you are adding the content of HTML to the DOM-tree. When you've done that you could also achieve the "removement" by doing the following:

var elements = document.getElementsByClassName("removedata");
elements[0].parentNode.removeChild(elements[0]);

answered Mar 23, 2017 at 14:05

edi

9377 silver badges18 bronze badges

Comments

user7758378 · Accepted Answer · 2017-03-23 18:01:35Z

0

The below could work.

var html = '<div>test</div><p>test</p><span class="removedata">X</span><span>test</span><span class="removedata">X</span>';
html = html.replace(/<span class="removedata">X<\/span>/g, '');
console.log(html);

You can use the below site if you are new to regex.

https://regex101.com/

answered Mar 23, 2017 at 18:01

user7758378

Collectives™ on Stack Overflow

Javascript String Replace span element by empty string

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related