jQuery - Adding css to localStorage variable

Question

I have a variable retrieved using localstorage. On the next page I want to create a variable and add a CSS style to it before using it.

The variable in this is packageName, which works fine if I dont add the css. This is what I've tried below

var packageName = ((localStorage['chosenPackage']).css('text-transform','capitalize'));

$('.js-package-name').text('1 x ' + packageName + ' Profile');

But it returns Uncaught TypeError: localStorage.chosenPackage.css is not a function

Missing $ but even still packgeName will be a jQuery object so not really clear what you are trying to do — charlietfl
– charlietfl, Commented Mar 5, 2016 at 1:51
@charlietfl It prints out "packageName = gold" through console. What I want to do is make the first letter of "gold" Uppercase before I use it in the DOM. — Clinton Green
– Clinton Green, Commented Mar 5, 2016 at 2:05

AJFarkas · Accepted Answer · 2016-03-05 01:52:02Z

1

localStorage only stores strings. So you're trying to apply CSS to a string. You'd want to do something like:

var packageName = localStorage.chosenPackage

$('.'+packageName).css('text-transform', 'uppercase')
  .text('1 x '+packageName+ ' Profile')

answered Mar 5, 2016 at 1:52

AJFarkas

3,1691 gold badge19 silver badges15 bronze badges

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

2 Comments

Clinton Green Over a year ago

Hey Thanks for claryifying that. At least I know why its not working. You solution doesn't work in my case because I wanted to change the string with css before I use it. I found a work around by changing when I use by adding the css then.

Clinton Green Over a year ago

I can't find exactly what I wanted but this solution provides a solid work around for me. Thanks

Collectives™ on Stack Overflow

jQuery - Adding css to localStorage variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related