Question

I have two hidden input fields:

<input type="hidden" name="institut" id="institut" value="blablub" />
<input type="hidden" name="institut[0]" id="institut[0]" value="moreblablub" />

I have this debugging code:

console.log("#institut: " + $("#institut").val());
console.log("#institut[0]: " + $("#institut[0]").val());

And I get this console output:

#institut: blablub
#institut[0]: undefined

I trid to escape the square brackets with backslashes but that did not change anything. Is there a way to get hold of complex ID’s?

Answer 1

You should not be using non alphanumeric characters for an id.

But if you do you can do:

var element = document.getElementById("institut[0]");
var $element = $(element);

Demo: http://jsfiddle.net/maniator/sWnJN/

Or

var $element = $("#institut\\[0\\]");

Demo: http://jsfiddle.net/maniator/sWnJN/1/

Or even:

var $element = $("[id='institut[0]']");

Demo: http://jsfiddle.net/maniator/sWnJN/2/