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

は、あなたが（ID）= jQueryのHTMLにあなたのHTMLスクリプトに

を＃を削除する必要があります。この

<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> 

を試してみてくださいです＃） in HTML（class）= jQuery（。）

は、Google