Dfyjkt

As the title asks I'm searching for a way to target all occurrences of <br><br> in a document so that I can wrap them in a span.

From what I can gather they don't exist as a string so I'm unsure how to target them.

The end goal is to take something like this:

Hello my name is Neil.<br><br>How are you?

And make it into something like this:

Hello my name is Neil.<span style="line-height:14px;"><br><br></span>How are you?

I won't discuss the premise although I'm quite sure there are more elegant ways of doing what you actually want to do. This should do the trick:

document.body.outerHTML = document.body.outerHTML.replace(/<br><br>/gi, '<span style="line-height:14px;"><br><br></span>')

<div>
This is a test <br><br> and it's working
</div>

Addition following the comment of charlietfl: Note that one of the caveat of this is that it would just drop all event listeners on the content being replaced like this, because you're actually dropping all elements of the dom and rebuilding a new one. A workaround to this issue would be to do this replacement before any other binding. Another workaround would be limit the scope of this replacement: right now it occurs on the whole body, but you could be more accurately targeting paragraphs, or paragraphs with a certain class.

I also used this edit to make the regex match case insensitive so that <BR><BR> is treated as <br><br> or whatever camel case you would be using...

You can do this, but it'll wrap single <br> elements as well:

$("br").wrapAll('<span style="line-height:14px" />');

If you're only setting line-height or other similar styles you may just want to use your styles instead:

br 
 line-height: 14px;


/* Hide second line-break */
br + br 
 display: none;