Question

I am trying to dynamically create a key in a JavaScript object with a jQuery selector:

{
  $("form").children("input[type=hidden]").attr("name"): $("form").children("input[type=hidden]").val()
}

This is breaking though. Is it possible to dynamically create a key this way?

Answer 1

You can do it in two statements :

var obj = {};
obj[$("form").children("input[type=hidden]").attr("name")]
    = $("form").children("input[type=hidden]").val();

I’d personally write it like this to avoid recreating the jQuery set:

var obj = {}, $obj = $("form").children("input[type=hidden]");
obj[$obj.attr("name")] = $obj.val();

Note also that this only makes sense if the jQuery set contains exactly one element.