selecting an array of elements in jQuery

Question

I have a form set up like this in HTML:

<input type="text" name="data[type1][0]" value="" size="20" id="data[type1][0]"/>
<input type="text" name="data[type1][1]" value="" size="20" id="data[type1][1]"/>

I set up this way so $_POST['data'] would become an array in php.

Are there ways to select specific elements or the whole set of elements in jQuery?

I've tried $("#data[type1][0]").css("visibility","visible"); but it doesn't work does not work.

Thanks in advance!

you might try this post: stackoverflow.com/questions/1239095/… — awongh
– awongh, Commented Feb 17, 2011 at 3:15

The Scrum Meister · Accepted Answer · 2011-02-17 03:19:30Z

4

Brackets are jQuery meta-characters, you must escape them with two backslashes:

$("#data\\[type1\\]\\[0\\]").css("visibility","visible");

edited Feb 17, 2011 at 3:19

answered Feb 17, 2011 at 3:14

The Scrum Meister

30.2k8 gold badges69 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

T.J. Crowder Over a year ago

+1, proof: jsbin.com/udizi5 (the input disappears after a second, when the selector runs). And more: w3.org/TR/CSS21/syndata.html#value-def-identifier

The Scrum Meister Over a year ago

@shiroin Yes. The list of meta characters are defined here api.jquery.com/category/selectors

T.J. Crowder Over a year ago

"you must escape them with two backslashes" More accurately: In the selector, you must escape a [ with a backslash, and since this is a JavaScript string literal, to write an actual backslash you have to escape it (with a backslash).

score 2 · Accepted Answer · 2011-02-17 03:27:18Z

2

You need to double-escape the brackets

$("#data\\[type1\\]\\[0\\]").css("visibility","visible");

Also, [ and ] are invalid characters in the id-attributes in HTML4/XHTML.

edited Feb 17, 2011 at 3:27

answered Feb 17, 2011 at 3:16

user479911

3 Comments

The Scrum Meister Over a year ago

Are you sure they are invalid inside the id attribute? the sample T.J. provided seams to work/

T.J. Crowder Over a year ago

@The Scrum Meister: I think that's jQuery being nice. [ and ] are valid in HTML id values, but CSS is much more restrictive: w3.org/TR/CSS21/syndata.html#value-def-identifier @arex1337: It's perfectly valid HTML: w3.org/TR/html5/elements.html#the-id-attribute That said, for id values I'm going to use in selectors in jQuery, since jQuery's selectors are CSS plus some enhancements, I tend to stick to valid CSS id values.

T.J. Crowder Over a year ago

@The Scrum Meister: I thought it was jQuery being nice (about the CSS id value), but that section of the CSS spec isn't very clear (this isn't unusual for the CSS spec), and if jQuery's being nice, looks like the major browsers are too: jsbin.com/amowa The "this is foo[bar]" element has id="foo[bar]" and a style rule with the selector #foo\[bar\]. The rule applies (shows the text in blue) on IE6/7/8, Chrome, Firefox, and Opera, so perhaps they're okay. The validator seems to accept them too, though I can't be sure how it's interpreting it.

Collectives™ on Stack Overflow

selecting an array of elements in jQuery

2 Answers 2

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related