append is not exist on a div element

Question

this is my code

for (i = 0 ; i< number ; i++){
    var iDiv = document.createElement('div');
    iDiv.append("<label for=\"timeslot\" class=\"p-label-required\">Time Slot</label>")
    iDiv.append("<label class=\"input-group p-has-icon p-custom-arrow\">")
    iDiv.append("<select id=\"timeslot\" name=\"timeslot\" required=\"required\" class=\"form-control\">")
    iDiv.append("<option class=\"p-select-default\" value=\"\">Select value</option>")
    iDiv.append("<option value=\"1\">1</option>")
    iDiv.append("<option value=\"2\">2</option>")
    iDiv.append("<option value=\"3\">3</option>")
    iDiv.append("<option value=\"4\">4</option>")
    iDiv.append("<option value=\"5\">5</option>")
    iDiv.append("<option value=\"6\">6</option>")
    iDiv.append("<option value=\"7\">7</option>")
    iDiv.append("<option value=\"8\">8</option>")
    iDiv.append("<option value=\"9\">9</option>")
    iDiv.append("<option value=\"10\">10</option>")
    iDiv.append("<option value=\"11\">11</option>")
    iDiv.append("<option value=\"12\">12</option>")
    iDiv.append("</select>")
    $("#numberOfTablesDiv").appendChild(iDiv);
}

i got this error

Uncaught TypeError: iDiv.append is not a function

But in order to use a jquery method such as .append() you have to use a jquery selector such as $(iDiv) is what @rnevius is saying — salad_bar_breath, Jan 13 '16 at 23:51
Possible duplicate of [Creating a div element in jQuery](http://stackoverflow.com/questions/867916/creating-a-div-element-in-jquery) — rnevius, Jan 13 '16 at 23:52

score 2 · Accepted Answer · answered Jan 13 '16 at 23:49

2

example: iDiv.appendChild(); append function is not javascript for jquery. Sorry I'm Turk not speak English

answered Jan 13 '16 at 23:49

Oğuz Koç

36
3

$( "#iDiv" ).append( "
Test
" ); ? – Oğuz Koç Jan 13 '16 at 23:52

score 0 · Answer 2 · answered Jan 13 '16 at 23:57

0

append is not a function, there is appendChild, but it is used for appending HTML elements, so you should try iDiv.innerHTML += [thing to add].

answered Jan 13 '16 at 23:57

Mason Jones

151
2
7

append is not exist on a div element

2 Answers2