How to include whitespaces in string replace?

Question

I need to replace strings like '5 hours' with '5h'. But I'm only able to get it to '5 h'. How to remove the space in between? When I replace the "hours" in my function to " hours" with a whitespace, it replaces nothing and returns '5 hours'.

$('div.block_name span').text(function(){
    return $(this).text().replace("hours","h");
});

Show your HTML.

Himanshu Upadhyay
– Himanshu Upadhyay

2017-07-25 14:26:37 +00:00
Commented Jul 25, 2017 at 14:26 — Himanshu Upadhyay
– Himanshu Upadhyay, Commented Jul 25, 2017 at 14:26

Naftali · Accepted Answer · 2017-07-25 14:27:44Z

3

You can use regex like so:

// "\s?" means that find a space only if it exists
console.log("5 hours".replace(/\s?hours/, 'h')); // 5h
console.log("5hours".replace(/\s?hours/, 'h')); // 5h

answered Jul 25, 2017 at 14:27

Naftali

147k41 gold badges247 silver badges304 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

DarthJDG Over a year ago

This solution also works with non-breaking spaces ( ), which get translated to unicode character 160 by jQuery's text() method. I believe that's what the OP's issue was.

Vaish MK Over a year ago

Yeah! Thanks for the regex method. I tried using it earlier but was using the putting quotes around it. Btw, jquery just made the world look easier for me. (just started using it today!)

Naftali Over a year ago

@VaishMK I would suggest not using jquery. You can use DOM node .textContent

Naftali Over a year ago

But happy to help! :-)

Naftali Over a year ago

Most definitely.

|

ajc2000 · Accepted Answer · 2017-07-25 14:32:28Z

2

Try this:

$('div.block_name span').text(function(){
                    return $(this).text().replace(" hours","h");
                });

This will replace the leading whitespace as well as the string hours with the string h.

Working JSFiddle Example: https://jsfiddle.net/4bqz79vh/

edited Jul 25, 2017 at 14:32

answered Jul 25, 2017 at 14:26

ajc2000

8348 silver badges24 bronze badges

2 Comments

ajc2000 Over a year ago

Just tested on this fiddle and it works as expected: jsfiddle.net/4bqz79vh

DarthJDG Over a year ago

The regex solution should work. If there is a non-breaking space ( ) in the HTML markup, it gets translated to unicode character 160 instead of a standard space.

Collectives™ on Stack Overflow

How to include whitespaces in string replace?

2 Answers 2

6 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related