CODEWITHSUNDEEP
javascriptjquery
bo-oz
bo-oz

Reputation: 2872

Store jQuery objects in an array/object

I want to create a JS array that contains jQuery objects like this:

var oFormFields = new Object;
oFormFields.label = $(document.createElement('label'));
oFormFields.input = $(document.createElement('input'));

Since this crashes my code, i expect this is not possible. Any alternatives? This is my simplified version, I want to include some other properties so I'm able to re-use this in my code when building dynamic forms.

EDIT: Seemed this did work after all... what I wanted to do, was something like this:

var oFormFields = new Object;
oFormFields.name_field.label = $(document.createElement('label')).addClass('nam_field');
oFormFields.name_field.input = $(document.createElement('input')).addClass('nam_field');

This does break my code. I'm pretty new to jQuery, coming from a PHP background I'm having some troubles adjusting to the correct way to work with arrays / objects.

Upvotes: 0

Views: 3635

Answers (2)

SachinGutte
SachinGutte

Reputation: 7055

var arr = [];
var oFormFields = {};
oFormFields.label = $('<label/>');
oFormFields.input = $('<input/>');

arr.push(oFormFields);
.........

Upvotes: 1

Sirko
Sirko

Reputation: 74036

Just use it like this:

var oFormFields = {
  label: $('<label />'),
  input: $('<input />')
};

You can create the element directly using jQuery. Furthermore, as mentioned in the comments, you should prefer the object literal notation over the new syntax.

Upvotes: 5

Related Questions