jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<form id="form">

</form>

JavaScript

// find elements
var form = $("#form")
const formValues = {
 "formInfo": {
   "formElements" : [
      {
       "name":  "firstname",
       "label": "Firstname",
       "type": "text",
       },
       {
       "name":  "lastname",
       "label": "Lastname",
       "type": "text",
       },
       {
       "name":  "gender",
       "label": "Gender",
       "type": "dropdown",
       }
     ]
  }
};

formValues.formInfo.formElements.forEach(el => {
debugger;
	let input = $('<input/>', {
		name: el.name,
		type: el.type
	});
	
	let label = $('<label/>', {
		text: el.label
	});
	form.append(label).append(input);
});