JSFiddle - React, Tailwind, and code Playground
HTML
<form id="myform">
<span id="title_holder">###</span>
<div id="description_holder">###</div>
<input type="text" value="###" id="id_holder">
<textarea id="others_holder">###</textarea>
<input type="reset">
</form>
JavaScript
var values = {
'title': '111',
'description': '222',
'id': '333',
'others': '444',
};
$.each(values, function(key, value) {
elementId = $('#' + key + '_holder');
if (elementId.length > 0) {
var elementType = elementId[0].tagName.toLowerCase();
if (elementType === 'input' || elementType === 'textarea') {
elementId.val(value);
} else {
elementId.text(value);
}
}
});