JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo:bar:baz:quux"></div>

JavaScript

function compatibleId(myid) { 
   return myid.replace(/(:|\.)/g,'\\$1');
}

$(function () {

    // reproduce bug report
    $('body').append( $('#foo:bar:baz:quux').length )
  
    // using function provided on jQuery FAQ 
       
    $('body').append( $( compatibleId('#foo:bar:baz:quux') ).length )    
});