How to use a bracket name (brackets) in a jQuery selector?

Question

Navigation

#1 by (16 votes)

12

What is the best way to call an element that has brackets in the name, using jQuery?

HTML

<div name="name[1]"></div>

jQuery

$('div[name=name[1]]'); //errado?
$('div[name="name[1]"]'); //correto?
$('div[name="name\[1\]"]'); //correto?
$('div[name=name\[1\]]'); //correto?

javascript jquery

asked by anonymous 12.12.2013 / 16:36

1 answer

Operator NOT (!) How to add the ninth digit, in a fixed way, using the jQuery Mask?

score 16 · Accepted Answer

The first example $('div[name=name[1]]'); is incorrect, and gives the error unrecognized expression: div[name=name[1]] .

The other options are correct, albeit for slightly different reasons.

Explanation:

does not need to be shielded with the $('div[name="name[1]"]') escape.
name[1] , works, but does not need \ . JQuery reads the $('div[name="name\[1\]"]') selector as a string because it is inside quotation marks, and in javascript the backslash causes the second bar to be ignored \ resulting in name\[1\] , which in turn is the same as \ . So this example has backslashes unnecessarily.

From the jQuery documentation:

To use any of the following \[ metacharacters as part of a name, they must be shielded with two backslashes, leading bars: \\.