Как добавить поле div динамически на страницу html?

Question

Я попытался добавить поле div динамически при нажатии кнопки, но я не получаю ответа. вот мой код.

<div id="#para"> 
    <tr class="divider"></tr> 
    <tr> 
    <td><input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"></td> 
    <td><input type="file" </td> 
    <td><input type="time" placeholder="Enter Medicin Time"></td> 
    <td><input type="date" placeholder="Enter Start Date"></td> 
    <td><input type="date" placeholder="Enter End Date"></td> 
    </tr> 
    <tr class="divider"></tr> 
</div> 
<button type="submit" class="button" id="#btn1" value="Submit"><img src="images/plus.png"> Add More Notification</button> 

Вот мой Js Код

$(document).ready(function(){ 
    $("#btn1").click(function(){ 
    $("#para").append(' <tr class="divider"></tr> <tr class="notification-row"><td><input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"></td> <td><input type="file" </td> <td><input type="time" placeholder="Enter Medicin Time"></td> <td><input type="date" placeholder="Enter Start Date"></td><td><input type="date" placeholder="Enter End Date"></td> </tr><tr class="divider"></tr>'); 
    }); 
}); 

Answer 1

Попробуйте

<div id="para"> 
    <tr class="divider"></tr> 
    <tr> 
    <td><input type="text" placeholder="Enter Medicin Name" style="width:80%;height:30px;"></td> 
    <td><input type="file" </td> 
    <td><input type="time" placeholder="Enter Medicin Time"></td> 
    <td><input type="date" placeholder="Enter Start Date"></td> 
    <td><input type="date" placeholder="Enter End Date"></td> 
    </tr> 
    <tr class="divider"></tr> 
</div> 
<button type="submit" class="button" id="btn1" value="Submit"><img src="images/plus.png"> Add More Notification</button> 

вы должны удалить # на ваш HTML сценарий

в HTML (ид) = JQuery (#) в HTML (классе) = jQuery (.)

вы можете источник этого на Google