How do I replace “ ” with “ ” in HTML using JavaScript and jQuery?

Question

I have validation summary that sometimes has multiple br tags at the end like below:

<div id="ValidationSummary1" class="alert alert-error">
    Last 4-digits of Social Security number does not match 
    the Member record on file for the Member ID number you 
    have entered.<br />
    Date of Birth does not match the Member record on file for the Member ID 
    number you have entered.<br /><br />
</div>

I'm trying to find anytime there are two br tags back to back and replace it with one like below:

$('#ValidationSummary1').replace('<br /><br />', '<br />');

I understand there isn't a replace() function. What would be the alternative to something simple like this?

Possible repeat: stackoverflow.com/questions/2145988/string-replace-in-jquery — David
– David, Commented Feb 8, 2013 at 15:30
try this: $('#ValidationSummary1').replace(' ', ' '); — Asdfg
– Asdfg, Commented Feb 8, 2013 at 15:39
@Asdfg - jQuery itself doesn't have a .replace() function, which is why I posted the question. — Jon Harding
– Jon Harding, Commented Feb 8, 2013 at 15:41

PinnyM · Accepted Answer · 2013-10-30 02:34:27Z

14

Use .html() to get and set the content passing it through the standard JS replace().

var div = $('#ValidationSummary1');
div.html(div.html().replace('<br /><br />', '<br />'));

edited Oct 30, 2013 at 2:34

answered Feb 8, 2013 at 15:31

PinnyM

35.6k4 gold badges77 silver badges84 bronze badges

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

Comments

Grant Thomas · Accepted Answer · 2013-02-08 15:30:47Z

0

JavaScript itself does have a replace function, and given that jQuery is a framework built upon JavaScript, you do have that method available. So, this means you'll have to do a get-manipulate-set process instead of perhaps some nice jQuery method chaining to do it in place.

answered Feb 8, 2013 at 15:30

Grant Thomas

45.1k10 gold badges88 silver badges129 bronze badges

Comments

mikakun · Accepted Answer · 2013-02-08 15:38:09Z

0

 var $val= $('#ValidationSummary1');
 $val.html($val.html().replace(/[<br>]+$/, '<br/>');

whatever the number of
they will be replaced by one
(better html)

answered Feb 8, 2013 at 15:38

mikakun

2,2832 gold badges18 silver badges25 bronze badges

Comments

Sergey Fedirko · Accepted Answer · 2016-07-08 07:03:59Z

0

In your case (need to remove html tags) the best solution is to use .text() instead of .html(). The difference is that .html() keeps html tags, and .text() keeps only text (removes any html).

For example:

var value1 = $('.some_div').html(); //returns text content with HTML tags
var value2 = $('.some_div').text(); //returns only text content

answered Jul 8, 2016 at 7:03

Sergey Fedirko

6591 gold badge7 silver badges17 bronze badges

Collectives™ on Stack Overflow

How do I replace “<br /><br />” with “<br />” in HTML using JavaScript and jQuery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related