Der Versuch, eine Zeichenfolge zu entkommen als jQuery-Selektor

Question

ich den folgenden Code verwenden müssen, die ich von einem anderen SO Frage stahl,

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

, die den folgenden Fehler erzeugt.

Uncaught Error: Syntax error, unrecognized expression: #\\^\\`test(…)

Ich habe nur einige IDs mit verrückten Charakteren, wie^und `, dass ich jQuery müssen nicht ersticken. Ich verstehe nicht, warum dieser Fehler passiert, denn wenn ich manuell die Schrägstriche in den String wie hinzufügen,

$('#'+'\\^\\`test') 

dann es funktioniert gut. Was stimmt nicht mit der Regex-Methode?

Answer 1

I just have some IDs with crazy characters, like^and `, that I need jQuery to not choke on.

Der mit Abstand einfachste Weg, das zu adressieren ist mit einem Attributselektor:

$('[id="' + theId + '"]').doSomething(); 

Solange theId nicht Schrägstriche oder doppelte Anführungszeichen enthält, keine Notwendigkeit für weitere entkommen.

Answer 2

Sie benötigen 2 mal die Flucht. Becuse zuerst das Ersetzen/Regex muss die Escape, um ein Escape zu schreiben. Die nächste Escape ist von jQuery durch $() benötigt.

Weitere klare Syntax wie die postet regex ist:

"#^bla`".replace('^','\\\^').replace('`','\\\`'); 

ersetzen wird "#^bla`" auf "# \\^bla \\`".

Uncaught Error: Syntax error, unrecognized expression: #\\^\\`test(…)

Wenn Sie Ihren regulären Ausdruck verwenden wollen, müssen Sie auch entkommen [] mit \ [und \].

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

Answer 3

Eine weitere Arbeit um ist die Vanille getElementById, zu verwenden, die nicht den Wähler nicht analysieren. Auf diese Weise haben Sie immer noch die Effizienz der Auswahl durch die ID:

let res = $(document.getElementById('^`test')); 

Answer 4

Wie wäre es mit dieser?

const $ID = function(selector){ 
    return $('[id="' + selector.match(/#?(\S+)/)[1] + '"]') 
} 

Dann können Sie es genauso wie jquery verwenden

$ID('#^`div')