Escapes a string for use within a CSS selector as an identifier

escape-selector.js

function escapeSelector(selector) {
    return "".replace.call(selector,
            /(^[^_a-zA-Z\u00a0-\uffff]|[^-_a-zA-Z0-9\u00a0-\uffff])/g,
            "\\$1");
}

// Use this to escape CSS identifiers that may contain reserved characters.
// For example, in JQuery, to select the element whose identifier is named by the variable 'id':
$('#' + escapeSelector(id));

// This works even if 'id' is something crazy like '+-~/!"£$%^&*([]'.

Nice ! 10 year after and this solution helped me !

Thanks

Nowadays you might consider using cssesc, or the experimental CSS.escape API which is supported by all modern browsers.

I've tried CSS.escape but didn't fit well, but thanks for all recommendations !!!