Question

<span class="WorkingHours">
   M,W,Th,F 7:30 AM - 4:00 PM &lt;br /&gt;Tu 7:30 AM - 6:00 PM &lt;br /&gt;
</span>

will be rendered as this

M,W,Th,F 7:30 AM - 4:00 PM <br />Tu 7:30 AM - 6:00 PM <br />

Now i need to replace the <br /> as an empty space before it is rendered??
I already asked a similar question, but i underestimated the trickiness of this..
I did this

$('.WorkingHours').text().replace(/<br \/>/g, " ");

didn’t work..can someone help me out of this?

Shouldn’t this work?

$('.WorkingHours').text().replace(/<br \>/g, " "); 

Answer 1

This will work:

$('.WorkingHours').text(function(i, text) {
    return text.replace(/<br\s*\/?>/g, " "); 
});

​
DEMO

In this case .html() would return the HTML entities (<) whereas .text() returns the decoded characters (i.e. <). Given that,

$('.WorkingHours').text().replace(/<br \/>/g, " ")

actually works as well but you still have to assign the result back to the element.

See also my previous answer.

---

Regarding replacing the last <br /> with a different character: It might be possible with regular expressions, but in that case, I would just parse the text as HTML and perform the same operation as I showed in my previous answer:

var $content = $('<div />').html($('.WorkingHours').text());
$content 
 .find('br').last().replaceWith('.')
 .end().replaceWith(' ');

$('.WorkingHours').html($content.html());

DEMO