apply jQuery to add a class to the parent element when clicked

Question

apply jQuery to add a class to the parent element when clicked

I am currently facing an issue with my code. It was working fine in jsFiddle, however, when I try to use it outside of fiddle, I am getting errors and it's not working properly.

$('.down-photo').click(function() {
      $(this).parent('.img-mask').toggleClass('hide');
});

Upon checking in Firebug, I see the following error: Uncaught SyntaxError: Unexpected Token ILLEGAL

Being new to javascript and jQuery, I am unsure of what is causing this error and what it actually means.

Thank you for your help!

javascript jquery html css

Answer 1

Answer №1

Upon inspecting the code in your query, it appears that there is a hidden character following the final semicolon. This character is most likely to be 8203, a Unicode zero-width space. This is the invalid token pinpointed by Firebug.

If you examine the text closely, you will observe that positioning the cursor just before the last semicolon and moving it rightward takes an additional keystroke to reach the next line - this is indicative of the problematic character.

To resolve this issue, simply remove the hidden character or manually retype the line instead of copying and pasting it. This should resolve the problem at hand.

Answer 2

Upon inspecting the code in your query, it appears that there is a hidden character following the final semicolon. This character is most likely to be 8203, a Unicode zero-width space. This is the invalid token pinpointed by Firebug.

If you examine the text closely, you will observe that positioning the cursor just before the last semicolon and moving it rightward takes an additional keystroke to reach the next line - this is indicative of the problematic character.

To resolve this issue, simply remove the hidden character or manually retype the line instead of copying and pasting it. This should resolve the problem at hand.

Answer 3

Answer №2

Your mistake has been corrected. Remember, when using $.appendTo(), you should pass in a selector and not a jQuery object. Give this a try: http://jsfiddle.net/dvCmR/133/ (line 4)

Answer 4

Your mistake has been corrected. Remember, when using $.appendTo(), you should pass in a selector and not a jQuery object. Give this a try: http://jsfiddle.net/dvCmR/133/ (line 4)

apply jQuery to add a class to the parent element when clicked

Answer №1

Answer №2

Similar questions

What could be causing my component to not recognize a change in props?

Filter the array while maintaining its current structure

When the page is closed or the back button is pressed on an iframe, a color box

A guide to managing string comparisons and file writing in Node.js using the xlsx library

Prevent users from selecting elements on the mobile site

Unable to open a directory in PHP using a passed value as it is not functioning properly

Pulling JSON Data with Ajax Request

Step-by-Step Guide on Resetting Versions in Package.json

Incorporating an image prior to the "contains" term with the help of JavaScript

Why isn't my onScroll event triggering in my React.js application? What mistake am I making?

Best practices for effectively managing a sizable dataset in Vue.js

The ng-disabled directive in Angular JS is not effectively disabling a button

Creating a Pinterest-inspired CSS layout from scratch without using any additional plugins

Showing a text value from a Github Gist on a Hugo website

Exploring the implementation of if statements within the array map function in the context of Next.js

The Ajax deletion request yields a 200 response code; however, it triggers an error instead of the

Updating a specific row in a table using PHP and SQL

Modifying SAS ODS contentitem in PROC SQL SELECT query

Jquery cannot be used to set a value for an ASP .net hidden field

The checkbox linked to a Vector layer in Openlayers 3 seems to have no effect on its visibility