[JAVASCRIPT] Selector 시 특수문자

SCRIPT 로 ELEMENT SELECTOR 시 id 에 마침표(.)나 콜론(:) 등과 같은 특수문자가 섞여 있다면

 

해당 ELEMENT 를 선택하기 위해서는 백슬래쉬(\) 를 사용하여야 한다.

 

EX)

 

<input type="text" id="a.b.c.d.e" value="a.b.c.d.e value" />

->

    var id = 'a.b.c.d.e';

    id = id.split('.').join('\\.');

    console.log($('#' + id).val());

 

 

 

 

<input type="text" id="a.[b].c.[d].e" value="a.[b].c.[d].e value" />

->

    var id = 'a.[b].c.[d].e';

    id = id.split('.').join('\\.').replace(/(\[)/g, '\\[').replace(/(\])/g, '\\]');

    console.log($('#' + id).val());