Jquery Syntax error, unrecognized expression on id selector

Question

Im using angular and jquery to scroll to an element base on his location hash string. In my situation i need to include in the string the '?' char, but its seems like jquery has problem with this.

This is the link:

<a href="#/faq#whenAreLotteryResultsUpdatedOnTheSite?">when Are Lottery Results Updated OnThe Site </a>

This is the jquery code:

var elem = '#' + $location.hash();
console.log($(elem));

The error:

Error: Syntax error, unrecognized expression: #whenAreLotteryResultsUpdatedOnTheSite?

Any solution?

Are you forgetting $() or something like that?

Itay
– Itay

2015-02-08 08:52:08 +00:00
Commented Feb 8, 2015 at 8:52 — Itay
– Itay, Commented Feb 8, 2015 at 8:52

dfsq · Accepted Answer · 2015-02-08 09:40:09Z

1

Yes, jQuery will refuse to select elements with special characters in CSS selector. You just need to escape them with \\:

var elem = $location.hash().replace(/\?/, '\\\\?');

This will properly escape ? character.

~~Also note that location.hash will already include leading # so you don't need to prepend one more.~~

edited Feb 8, 2015 at 9:40

answered Feb 8, 2015 at 8:59

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

3 Comments

Bazinga Over a year ago

I tried your code and im getting this: #whenAreLotteryResultsUpdatedOnTheSite\\? and in angular function the hash does not include

dfsq Over a year ago

Yes, this is what you need, you need to escape ? with double `` so jQuery could use it.

Bazinga Over a year ago

Error: Syntax error, unrecognized expression: #whenAreLotteryResultsUpdatedOnTheSite\\? when i do this console.log($(elem))

Collectives™ on Stack Overflow

Jquery Syntax error, unrecognized expression on id selector

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related