Select dom elements by attributes having array like attributes

Question

I have many elements that are structured to get them in array like mapping on server side.

<input type="CHECKBOX" id="478" value="1" name="data[GroupInfo][student][478]" onclick="return updateValues('478')">
<input type="CHECKBOX" id="490" value="1" name="data[GroupInfo][student][490]" onclick="return updateValues('490')">

<input type="CHECKBOX" id="478" value="1" name="data[ClassInfo][student][478]" onclick="return updateValues('478')">
<input type="CHECKBOX" id="490" value="1" name="data[ClassInfo][student][490]" onclick="return updateValues('490')">

so on... Now, I want to select them using their name attribute like

$("[name^=data[ClassInfo][student]]");

but this won't work I tried to escape barckets to.

$("[name^=data\[ClassInfo\]\[student\]]");

but no luck;

I want to select them using name attribute.

score 3 · Accepted Answer · answered Dec 26 '13 at 13:14

3

Just wrap the attribute value in ""

$('input[name^="data[ClassInfo][student]"]')

Demo: Fiddle

answered Dec 26 '13 at 13:14

Arun P Johny

384,651
66
527
531

score 0 · Answer 2 · edited May 23 '17 at 12:33

0

Try:

// For exact element
    $('input[name=data[GroupInfo][student][478]]');

Or

// For list of elements
    $('input[name^=data[GroupInfo][student]]');

You can see more here

edited May 23 '17 at 12:33

Community

1
1

answered Dec 26 '13 at 13:14

Ringo

3,795
3
22
37

score 0 · Answer 3 · answered Dec 26 '13 at 13:15

0

Try this:

$("[name^='data[ClassInfo][student]']");//Wrap in the single quotes

answered Dec 26 '13 at 13:15

Somnath Kharat

3,570
2
27
51

score 0 · Answer 4 · answered Jul 07 '16 at 09:54

0

$('input[name*="data[ClassInfo][student]"]') // matches those that contain 'data[ClassInfo][student]'

answered Jul 07 '16 at 09:54

aditya mukkawar

166
1
5

Select dom elements by attributes having array like attributes

4 Answers4