Jquery Trim all spaces from variable

Question

On a click I store a variable. I would like to then trim that variable for all whitespace. I am getting an error when I to simply console.log the new variable.

var songToTrim = $(this).html();
console.log(songToTrim);
var songToPlay = songToTrim.replace(/ /g,'');
console.log(songToPlay);

For bonus points if you can add how to make sure the variable is converted to all lowercase that would be huge. If not it'll still work. Thanks!

@Kartikeya `$.trim` trims whitespace from the ends, I think stripping all whitespace is the intent. — Alexander O'Mara, Dec 11 '14 at 05:00
@AlexanderO'Mara Im trying to get the code up on fiddle or something. Its kinda complicated (for me) with handlebar templates and JSON file so it's taking me a while. Worst case I will put it up on my server — user2980869, Dec 11 '14 at 05:04
@mplungjan I am getting this error on the second console.log. The first variable works fine Uncaught ReferenceError: consle is not defined — user2980869, Dec 11 '14 at 05:06

score 1 · Accepted Answer · edited Dec 11 '14 at 05:18

Here is my solution

Code:

 $("#test").on('click', function(){
    var songToTrim = $(this).html();
   var trm  = songToTrim.replace(/ /g,'');
   var songToPlay = trm.toLowerCase();
    });

Use .toLowerCase() to convert your variable to Lower Case.

The error you are getting is because you have a typo in your code somewhere. You have misspelled Console as Consle.

Find it and correct it.

Here is a working Demo

score 0 · Answer 2 · answered Dec 11 '14 at 05:06

0

Use it like this:

var str = songToTrim.trim().replace(/\s+/g, ' ');
var lower = str.toLowerCase();

answered Dec 11 '14 at 05:06

Pragya Sharma

94
1
2
9

I am not receiving an error anymore but the variable still has white space – user2980869 Dec 11 '14 at 05:09
try using replace(/^\s+|\s+$/g,'') – Pragya Sharma Dec 11 '14 at 05:30

Jquery Trim all spaces from variable

2 Answers2

Linked