jQuery selector id에 콜론 사용하기

Jquery에서 자주 사용하는 selector 사용 시 id 값에 콜론(:)이 들어가있는 경우 

Uncaught Error: Syntax error, unrecognized expression: #result-_:

(예시의 경우 id는 result-_:)

위와 같은 에러가 발생한다.

 

몇 가지 해결 방법이 있으며

 

첫 번째

$("[id='result-_:']")

와 같이 사용하는 방법

 

두 번째

$(document.getElementById("result-_:"))

와 같이 사용하는 방법

 

세 번째

str = str.replace(/:/gi, "\\:");

콜론(:) 앞에 역슬래시(\)를 2개 붙여주는 것이다.

위와 같이 replace를 활용하면 잘 동작한다.

 

콜론은 jQuery 확장에 사용되기 때문에 보통 방법으로는 사용할 수가 없다고 한다.