JSFiddle - React, Tailwind, and code Playground

HTML

<p>$("#span.23"): <button id='b1'>THIS WILL NOT WORK</button>
</p>
<p>$("#span[23]"): <button id='b2'>THIS WILL ALSO NOT WORK</button>
</p>
<p>$("#span\\.23"): <button id='b3'>THIS WILL WORK</button>
</p>
<p>$("#span\\[23\\]"): <button id='b4'>THIS WILL ALSO WORK</button>
</p>

<span id="span.23">Target span: id=span.23</span>
<span id="span[23]">Another target span: id=span[23]</span>

JavaScript

$("#b1").click(function(){
    var target=$("#span.23");
    var text=$(target).text();
	alert(text);
});
$("#b2").click(function(){
    var target=$("#span[23]");
    var text=$(target).text();
	alert(text);
});
$("#b3").click(function(){
    var target=$("#span\\.23");
    var text=$(target).text();
	alert(text);
});
$("#b4").click(function(){
    var target=$("#span\\[23\\]");
    var text=$(target).text();
	alert(text);
});