Jquery get element by id, multidimensional array

Question

I'm trying to get the value of a specific html input that is named like:

<input type="hidden" value="." id="grid[0][0]">

where [0][0] could be any value within a foreach loop.

using Jquery:

var currVal = $('#grid['+x+']['+y+']').html();

I'm getting an undefined value. Not sure whether it's a syntax problem. I haven't found a similar example so I'd appreciate any help on this. Thanks!

Answer 1

It actually is a syntax problem. jQuery interprets "#grid[...]" as an HTML element with the ID "grid" and some attribute (or other meta stuff) just like CSS would.

To solve simply escape the [ and ], like this:

$('#grid\\[' + x + '\\]\\[' + y + '\\]').val()

That should do it :)

Edit: As noted by Josh Crozier, the html() method is supposed to be used in normal tags (like div). For input, select or textarea you should use val() -- Docs on that: http://api.jquery.com/val/