[javascript/jquery] Uncaught Error: Syntax error, unrecognized expression 오류 해결

syntaxerror는 문법적으로 틀린 구문일 경우 발생하는 오류이다.
checkbox[id=VERSIONilos4.3.00] 에서 어디가 틀렸다는 건지 알 수 없었는데 찾아보니 싱글쿼테이션, 더블쿼테이션을 확인해보라는 블로그 글이 있었다.
 
기존 코드는 아래와 같고 여기서 오류가 나는 것 같아 확인해봤다.

$("input:checkbox[id=VERSION" + rd.VERSION + "]").prop("checked", true);

이 오류가 나는 코드와 동일한 방식인 아래 코드는 전혀 문제를 일으키지 않았다.

$("input:checkbox[id=SE_FLAG_" + rd.SE_FLAG + "]").prop("checked", true);

그래서 더 해결에 오랜 시간이 걸렸다.ㅠㅠㅠ
혹시나 하는 맘에 id명에 '' 싱글쿼테이션을 추가했는데 바로 해결이 됐다. 하하

즉 수정한 코드는 아래와 같다.

$("input:checkbox[id='VERSION" + rd.VERSION + "']").prop("checked", true);

어째서 다른 코드는 '' 이 없어도 오류가 안나는지 알 수가 없으나 ''로 인해 unrecognize 오류가 발생한다는 것을 배웠다.

'' 없이도 잘 돌아가는 코드에 ''를 추가해봤으나 역시 결과는 다 잘 돌아갔다.

 

참고

1. 문제 해결에 도움을 받은 글 : https://solbel.tistory.com/1259