jQuery hover produces error "Uncaught SyntaxError: missing )"

Question

Can anyone see what the issue here is with this small hover code? or maybe there is a better way of writing it?

Error:

Uncaught SyntaxError: missing ) after argument list

Code:

$('.animated-banner').hover(
        function() {
            $(this' .faded').removeClass('fade-background');
            $(this' .faded').addClass('fade-transparent');
            $(this' .animated').fadeOut();
        }, 
        function() {
            $(this' .faded').removeClass('fade-transparent');
            $(this' .faded').addClass('fade-background');
            $(this' .animated').fadeIn();
        }
    );

You can not use this' .faded', because you are trying convert DOMelement with string, try change to $('.faded', this).removeClass('fade-background'); — Oleksandr T.
– Oleksandr T., Commented Jul 5, 2015 at 20:06
It's because you're using this' .faded'. I personally don't see why you need to add this seeing as you're already targeting an element. — Billy Purvis
– Billy Purvis, Commented Jul 5, 2015 at 20:08
I did try that before but get Uncaught Error: Syntax error, unrecognized expression: [object HTMLDivElement].faded i need to set this and then effect the child class. — James
– James, Commented Jul 5, 2015 at 20:12

Community · Accepted Answer · 2017-05-23 12:06:04Z

1

Firstly, concatenation in javascript is using +. Secondly, as Alexander mentioned in the comments, you have to use context with selector like this

$('.faded', this).removeClass('fade-background');

which is same as

$(this).find('.faded').removeClass('fade-background');

Check this answer on SO for more reference

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jul 5, 2015 at 20:13

Dhiraj

33.7k10 gold badges65 silver badges78 bronze badges

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

Comments

Mark Knol · Accepted Answer · 2015-07-05 20:15:42Z

1

You cannot use $(this' .faded'), that is invalid syntax. You could use $('.faded', this) if you want to perform queries from this point.

answered Jul 5, 2015 at 20:15

Mark Knol

10.3k3 gold badges32 silver badges44 bronze badges

Comments

Pepo_rasta · Accepted Answer · 2015-07-05 20:15:49Z

0

you have invalid selector, $(this expecting end of selctor and therefore ). If you want to choose from $(this) selection only those with some class you have to use additional selecting. Something like

$(this).filter('.faded').removeclass...

or something similar to this

answered Jul 5, 2015 at 20:15

Pepo_rasta

2,91015 silver badges21 bronze badges

Collectives™ on Stack Overflow

jQuery hover produces error "Uncaught SyntaxError: missing )"

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related