Remove all
just before closing

Question

I would like to remove any   tag which comes up just before a closing  tag.

For example this is ok :

<p>Bla bla bla <br>
bla bla
</p>

But this is NOT ok :

<p>Bla bla bla <br>
</p>

In other words, every time I have :

<br> + white space or tab or new line or whatever providing no content + </p>

Then, I want to remove that  .

How would this be achieved with javascript Regex ? (or any other javascript way)

I personaly don't think this is similar ... – lapin Feb 06 '15 at 06:09 — lapin, Feb 06 '15 at 06:09

score 1 · Answer 1 · answered Feb 06 '15 at 05:25

You could do something like below. If the br is the last child remove it, else of the last child is empty then remove it

$('p').find('br:last').filter(function () {
  return !this.nextSibling || (this.nextSibling.nodeType == 3 && !this.nextSibling.nextSibling && !this.nextSibling.nodeValue.trim())
}).remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>Bla bla bla
  <br/>bla bla
</p>

<p>Bla bla bla
  <br></p>

<p>Bla bla bla
  <br>
</p>

qtgye · Accepted Answer · 2015-02-06T05:50:17.320

1

Try this one:

Iterate through each p,
get its html (not text, in order to get the   element),
replace the   with empty string using regex (one that matches   just before the ),
replace the original with the updated html.

$('p').each(function(){
    var p = $(this);

    p.html(p.html().replace(/(<br)\s?\/?>\s?$/g,''));    

});

REGEX:
/(<br)\s?\/?>\s?$/g matches:  , , , 

edited Feb 06 '15 at 05:50

answered Feb 06 '15 at 05:31

qtgye

3,580
2
15
30

Are you sure this would remove only the `
` which is just before the closing `` ? – lapin Feb 06 '15 at 05:43
Yes.. check this sample : http://jsfiddle.net/a4rnh6dw/. You may view the updated html via firebug/inspector – qtgye Feb 06 '15 at 05:47
Thank you so much, after I ran some tests, it worked really good ! – lapin Feb 06 '15 at 06:11

score 0 · Answer 3 · edited Feb 06 '15 at 08:16

0

The regexp would look like so:

/<br>\s*<\/p>/g

Meaning first a " " + Any white space or newline + ""

Then we use str.match(). And to remove the   we replace it with an empty string. Notice that test1 didn't work while test2 did:

var test1 = "<p>Bla bla bla <br> \
bla bla \
</p>";

var test2 = "<p>Bla bla bla <br> \
</p>";

if(test1.match(/<br>\s*<\/p>/g))
    test1 = test1.replace("<br>","");

if(test2.match(/<br>\s*<\/p>/g))
    test2 = test2.replace("<br>","");

alert(test1); // <br> still there
alert(test2);// <br> is gone

edited Feb 06 '15 at 08:16

nhahtdh

55,989
15
126
162

answered Feb 06 '15 at 05:24

Spencer Wieczorek

21,229
7
44
54

1

Thank you for your answer. It looks like it works great. I chose the other answer because it happened to be closer to the way I wanted to implement it. Thank you again. – lapin Feb 06 '15 at 06:13

Remove all just before closing

3 Answers3

Remove all
just before closing