Syntax error, unrecognized expression in jQuery

Question

I have to select a div element id with escape characters,

HTML

<div id="abc/def"></div>

Tried these,

$("#abc/def").find('h4').attr('data-val', "test")  //didn't work

$("id=[abc/def]").find('h4').attr('data-val', "test")  //didn't work

$("#"+escapeSelector("abc/def")).find('h4').attr('data-val',"Test")   //didn't work

function escapeSelector(s) {
    return s.replace(/(:|\.|\[|\])/g, "\\$1");
}

Error:

Syntax error, unrecognized expression: #abc/def

Where should i make the change to make this work?

As an option, you may try jQuery("div[id^=abc]") OR jQuery("#abc\\/def") — Abhi
– Abhi, Commented Apr 13, 2017 at 14:29

ProgrammerV5 · Accepted Answer · 2017-04-13 14:49:46Z

3

$("#abc\\/def").text("test")  //did work :)

https://jsfiddle.net/gtpkkyw0/

There is really good info on the jquery site as well. Leaving here as a reference, hope it helps someone:

https://api.jquery.com/category/selectors/

edited Apr 13, 2017 at 14:49

answered Apr 13, 2017 at 14:30

ProgrammerV5

1,9722 gold badges12 silver badges23 bronze badges

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

1 Comment

alpham8 Over a year ago

yeah, you need to escape a few chars in jquery selector. You need this also for [ ].

Brewal · Accepted Answer · 2017-04-13 14:34:19Z

2

You don't have to escape anything with the Attribute equals selector :

$('[id="abc/def"]')

https://jsfiddle.net/86uohuny/

answered Apr 13, 2017 at 14:34

Brewal

8,1942 gold badges28 silver badges38 bronze badges

Collectives™ on Stack Overflow

Syntax error, unrecognized expression in jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related