jQuery/JS, removing/trimming trailing html line breaks?

Question

I'm looking for some ideas for the most efficient way to remove trailing html
tags using javascript or jquery. RULES: - The br, at the front and end must be removed. - It must remove non-closing and self-closing br tags. - All br within the textual content must remain untouched. THE HTML: ```

My awesome content.

Some More awesome content.

I still need the content written here

``` THE DESIRED OUTPUT: ```

My awesome content.

Some More awesome content.

I still need the content written here

```

Accepted Answer

Can't understand why you'd want to to use regular expressions for this, as most answers are. Using DOM methods is easy here:

```
function isBrOrWhitespace(node) {
    return node && ( (node.nodeType == 1 && node.nodeName.toLowerCase() == "br") ||
           (node.nodeType == 3 && /^\s*$/.test(node.nodeValue) ) );
}

function trimBrs(node) {
    while ( isBrOrWhitespace(node.firstChild) ) {
        node.removeChild(node.firstChild);
    }
    while ( isBrOrWhitespace(node.lastChild) ) {
        node.removeChild(node.lastChild);
    }
}

$(".generatedContent").each( function() {
    trimBrs(this);
} );
```

jQuery/JS, removing/trimming trailing html line breaks?

Solution

Problem