uncaught exception: Syntax error, unrecognized expression: [href=example.html] [closed]

Question

While testing my website in Firebug i get this error when clicking on a menu button:

uncaught exception: Syntax error, unrecognized expression: [href=schedule.html]

I think it goes wrong here because the current class won't apply but the rest works fine.(these aren't the full code)

html:

<nav>
  <ul>
    <li><a class="current" href="index.html">HOME</a></li>
    <li><a href="schedule.html">SCHEDULE</a></li>
  </ul>
</nav>

js:

$("nav a").removeClass("current");
$("nav a[href="+newHash+"]").addClass("current");

There is something wrong with your code. Unless you show the code, the only answers that you can get will be based on people guessing what your code might look like. — Guffa
– Guffa, Commented Apr 28, 2011 at 12:30
While I could take a guess … I'm not going to. If your code is throwing errors, then don't provide just the error. It is hard to identify problems in secret code we cannot see. — Quentin
– Quentin, Commented Apr 28, 2011 at 12:30
My guess: you forgot to wrap your selector in quotes: $([href=schedule.html])... — Šime Vidas
– Šime Vidas, Commented Apr 28, 2011 at 12:34

Richard Neil Ilagan · Accepted Answer · 2011-04-28 12:51:55Z

8

This looks like your culprit:

// add single quotes on your selector value 
$("nav a[href='"+newHash+"']").addClass("current");

answered Apr 28, 2011 at 12:51

Richard Neil Ilagan

14.8k6 gold badges52 silver badges68 bronze badges

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

Comments

Edgar Villegas Alvarado · Accepted Answer · 2011-04-28 13:25:54Z

3

Since jquery 1.5, quoting attribute values is mandatory. You can quote with single or double quotes:

$("nav a[href='"+newHash+"']").addClass("current");

or

$('nav a[href="'+newHash+'"]').addClass("current");

Quoting was optional in jQuery 1.4 or lower.

answered Apr 28, 2011 at 13:25

Edgar Villegas Alvarado

18.4k2 gold badges45 silver badges61 bronze badges

1 Comment

RubenGeert Over a year ago

The course I'm taking (Lynda.com -> jQuery Essential Training) uses a jQuery version that doesn't require these quotes yet. So in the video you see all is working fine without them but if you use a newer jQuery version, you do need them!

Collectives™ on Stack Overflow

uncaught exception: Syntax error, unrecognized expression: [href=example.html] [closed]

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related