JSFiddle - React, Tailwind, and code Playground
HTML
<span id='s.p'>adgsgd<span>
JavaScript
var u = '.p';
$('#s'+u.replace(/\./g,'\\.')).css('color','red');
<span id='s.p'>adgsgd<span>
var u = '.p';
$('#s'+u.replace(/\./g,'\\.')).css('color','red');