Escaping eckige Klammern in Namen des Elements, wenn das Attribut mit Equals Selector

Question

Bitte beachten Sie den folgenden Code ein:

$('[name='+temp[i][0]+']').prev().addClass('form_error');

wo Temp [i] [0] ein Array-Element den Namen eines Formularfeldes hält die enthält eckige Klammern (wie es ein Checkbox-Array darstellt), name_of_field[].

Damit dies funktioniert, weiß ich, dass ich die eckigen Klammern im Namen des Formularfelds entfliehen sollte. Da ich ein Neuling für reguläre Ausdrücke bin, kann ich es nicht richtig verstehen. Kann mir jemand den richtigen Code zur Verfügung stellen? Danke vielmals.

Answer 1

einfach den Wert zitieren, und die Flucht der Zitat:

var name = temp[i][0]; 
name = name.split('"').join('\\"');     // Escaped " is \\" 
$('[name="'+name+'"]').prev().addClass('form_error'); 

Dieses für andere gültigen Namen erklärt auch, aber ungültige Wähler Zeichen wie $.

Wenn Sie einen RegEx wirklich verwenden möchten, im Anschluss an diese ausreichend ist (verwendet absichtlich einen Einzeiler nicht immer lesbar zu zeigen, dass Kurzcode ist):

$('[name="' + temp[i][0].replace(/"/g, '\\"') + '"]').prev().addClass('form_error'); 
//   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 

Answer 2

Ich dachte, ich dies verdeutlichen könnte, wie Ich werde zweifellos wieder auf dieses Thema zurückkommen.

Das obige Problem kann am besten jedoch mit dem oben ‚regulärem Ausdruck‘ Ersatz, gelöst, wenn Sie, ein statisch benannte Element (e) wie unten für den Zugriff auf nur versuchen, dann ist hier Ihre einfache Anleitung:

<input type="text" name="mytextelement[]" /> 
<input type="text" name="mytextelement[]" /> 

<script> 
//using vanilla javascript 

document.querySelector('[name="mytextelement\[\]"]'); //gets the first element only 

document.querySelectorAll('[name="mytextelement\[\]"]'); //gets an array of above elements 

//using jQuery 

$('[name="mytextelement\[\]"]'); //gets all elements 

<script>