Javascript, Jquery problems with variables

Question

I'm having a problem using variables with Jquery, and i just can't figure out what the problem is. In this instance i am trying to insert a random class to my li. When i tried alerting color i can cleary see that it writes .green or .red. Following that logic i should be able to use the variable to add my class right? But it is not working. What am i doing wrong?

(function(){

        $('li').on('click', function(){
            var number = Math.floor(Math.random() * 2);
            var colorA = ['.green', '.red'];
            var color = colorA[number];

            $(this).addClass(color);
        });
    })();

Try removing the dot at the class names beginnig.

PKeidel
– PKeidel

2013-12-08 21:24:12 +00:00
Commented Dec 8, 2013 at 21:24 — PKeidel
– PKeidel, Commented Dec 8, 2013 at 21:24

Nasser Torabzade · Accepted Answer · 2013-12-08 21:25:23Z

1

simply replace colorA with this:

var colorA = ['green', 'red'];

jQuery addClass() function accepts a class "name" not a class "selector".

answered Dec 8, 2013 at 21:25

Nasser Torabzade

6,7308 gold badges30 silver badges36 bronze badges

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

Comments

PKeidel · Accepted Answer · 2013-12-08 21:28:52Z

1

Remove the Dot at the class names beginning ;-)

answered Dec 8, 2013 at 21:28

PKeidel

2,5891 gold badge22 silver badges30 bronze badges

Collectives™ on Stack Overflow

Javascript, Jquery problems with variables

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related