Remove ' ' - still trying

Question

Still looking for a way to delete ' ' from my html code, found number of ways on stackoverlow.com, but neither of those seam to work!

HTML

<p>No Space</p>
<p>&nbsp;1 Space</p>
<p>&nbsp;&nbsp;2 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;3 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;4 Spaces</p>

jQuery

$(document).ready(function() {

    $('p').text().replace(/ /g, '');
    //$('p').html($(this).html().replace(/ /gi,''));

});

jsfiddle - playground http://jsfiddle.net/MrTest/hbvjQ/85/

Any help much appreciated.
Pete

Answer 1

You have &nbsp in your code instead of  

$('p').each(function(){
    $(this).html($(this).html().replace(/ /gi,''));
});

http://jsfiddle.net/genesis/hbvjQ/76/

Answer 2

This one will replace every white-space character:

$('p').text(function (i, old) {
    return old.replace(/\s/g, '')
});

Or if you only want to replace non-breaking spaces:

$('p').text(function (i, old) {
    return old.replace(/\u00A0/g, '')
});

jsFiddle Demo

I am setting the new value using a closure as a parameter for .text().

---

Please note that HTML entities need a closing ; in the end.

Answer 3

Here's a non-jQuery answer, since using jQuery for such a task is overkill unless you're already using it for something else on your site:

var p = document.getElementsByTagName('p');

Array.prototype.forEach.call(p, function(el) {
  el.innerHTML = el.innerHTML.replace(/ /gi, '');
});

<p>No Space</p>
<p>&nbsp;1 Space</p>
<p>&nbsp;&nbsp;2 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;3 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;4 Spaces</p>

Answer 4

try

$('p').each(function() {
     $(this).html($(this).html().replace(/ /g, ''));
});

or if you wish to delete the &nbsp try

$('p').each(function() {
      $(this).html($(this).html().replace(' ', ''));
});

also please note that space is   and not &nbsp (you are missing ;)

Answer 5

Based on bažmegakapa' answer, this can be used on elements containing other elements.

$('p').html(function (i, old) {
    return old.replace(/ /g, '')
});

.text() gets rid of html elements; .html() does not

Answer 6

Here is the code:

$('p').each( function() {
    var elem = $( this );
    elem.html( elem.html().replace( / /g,'' ) );
} );

And here is jsfiddle: http://jsfiddle.net/hbvjQ/62/