Syntax error, unrecognized expression: #categories_id(categories)

Question

i am using id with brackets in jquery but it's giving error

$("#categories_id(categories)").val("hello");

Result

Syntax error, unrecognized expression: #categories_id(categories)

Use element selector or escape the brackets as in the answer below — Ankit Agarwal, Jul 20 '18 at 12:27
Relevant: https://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html — freedomn-m, Jul 20 '18 at 12:48
Possible duplicate of [jQuery, use ~ as a part of id - how?](https://stackoverflow.com/questions/8226331/jquery-use-as-a-part-of-id-how) — freedomn-m, Jul 20 '18 at 12:49
Pretty sure there are 100s of possible duplicates, above is just first one — freedomn-m, Jul 20 '18 at 12:50

score 1 · Answer 1 · answered Jul 20 '18 at 12:23

You can use element selector for that as $("[id='categories_id(categories)']"):

$("[id='categories_id(categories)']").val("hello");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='categories_id(categories)' />

Or you can even escape the round brackets using $('#categories_id\$categories\$'):

$('#categories_id\\(categories\\)').val("hello");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='categories_id(categories)' />

1 Answers1