Uncaught Error: Syntax error, unrecognized expression: with double equal in selector ==

Question

I have office 365 id on message divs. such as

<div id="AQMkADAwATM0MDAAMS0wYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA==">Message Subject</div>

But when I call it in functions. It gives jquery-2.1.1.js:2 Uncaught Error: Syntax error, unrecognized expression:

This works on devtools console.

$('#AQMkADFGFGDFGDFGwYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA')

This does not work on devtools console. I want to fix this because office 365 messages ids usually have double equal in the end ==.

 $('#AQMkADFGFGDFGDFGwYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA==')

just a comment, if you're using the outdated HTML4, equals character is not allowed: w3.org/TR/html4/types.html#type-id — Ricardo Pontual
– Ricardo Pontual, Commented Mar 14, 2018 at 16:26

BoltClock · Accepted Answer · 2018-03-14 16:28:08Z

6

If the structure is not known to change, save yourself a headache and select by structure instead of ID.

If you must select by ID, either use an attribute selector:

$('[id="AQMkADFGFGDFGDFGwYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA=="]')

or escape the equals signs:

$('#AQMkADFGFGDFGDFGwYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA\\=\\=')

edited Mar 14, 2018 at 16:28

answered Mar 14, 2018 at 16:23

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

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

3 Comments

BoltClock Over a year ago

@Cemal: I overlooked that on purpose because it's not the issue.

Syed Waqas Bukhary Over a year ago

@BoltClock let me try this

Syed Waqas Bukhary Over a year ago

Yes this works, thanks! I actually used Sphinx replace function since == were in middle too sometimes.

Sphinx · Accepted Answer · 2018-03-14 16:34:47Z

4

The root cause is jQuery uses CSS syntax for selecting elements.

You can use one regex expression to escape with double backslashes for an ID that has characters used in CSS notation.

console.log($("#"+"AQMkADAwATM0MDAAMS0wYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA==".replace( /(:|\.|\[|\]|,|=|@)/g, "\\$1" )).text())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="AQMkADAwATM0MDAAMS0wYWIxLTU1ADI4LTAwAi0wMAoALgAAA1IXzflHRQlLlY3LIdjzH3MBADg_s4AQY3NEqDFmBjvfdZIAAAIBDwAAAA==">Message Subject</div>

edited Mar 14, 2018 at 16:34

answered Mar 14, 2018 at 16:28

Sphinx

10.7k2 gold badges35 silver badges50 bronze badges

Collectives™ on Stack Overflow

Uncaught Error: Syntax error, unrecognized expression: with double equal in selector ==

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related