JSFiddle - React, Tailwind, and code Playground

by petersendidit

HTML

<div id="!#$%&'()*+,./:;<=>?@[\]^`{|}~">test</div>
<div id="<!#$%&'()*+,./:;?@^`{|}~t\est=[]">test</div>
<div id="\1">test</div>

JavaScript

var selector = "!#$%&'()*+,./:;<=>?@[\]^`{|}~";
selector = "<!#$%&'()*+,./:;?@^`{|}~t\est=[]";

selector = "\1";
console.log(selector);
selector = selector.replace( /([!"#$%&'()*+,./:;<=>?@[\]^`{|}~])/g , "\\$1");
$('body').append('<p>'+selector+'</p>');
console.log( $("#"+selector) );
$("#"+selector).css("border","1px solid red");


/*
> \
         
!"#$%&'()*+,./:;<=>?@[\]^`{|}~
           
*/