私はこのテンプレートを使用して、私はテーブルに行を追加するたびに、特定の画像をロードしたい

Question

：

LINK私は<td>タグを追加するしかし

、このようなjavascriptコード：

$(document).ready(function(){ 
    var i=1; 
    $("#add_row").click(function(){ 
     $('#addr'+i).html("<td>"+ (i+1) +"</td><td><input name='name"+i+"' type='text' placeholder='Name' class='form-control input-md' /> </td><td><input name='mail"+i+"' type='text' placeholder='Mail' class='form-control input-md'></td><td><img src="http://www.iconsdb.com/icons/preview/red/delete-2-xxl.png"></td>"); 
     $('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>'); 
     i++; 
    }); 
    $("#delete_row").click(function(){ 
     if(i>1){ 
      $("#addr"+(i-1)).html(''); 
      i--; 
     } 
    }); 
}); 

JavaScriptが機能しなくなり、行を追加または削除できなくなりました。

どうすればこの問題を解決できますか？

Answer 1

を閉じると、この

$('#addr'+i).html("<td>"+ (i+1) +"</td><td><input name='name"+i+"' type='text' placeholder='Name' class='form-control input-md' /> </td><td><input name='mail"+i+"' type='text' placeholder='Mail' class='form-control input-md'></td><td><img src=\"http://www.iconsdb.com/icons/preview/red/delete-2-xxl.png\"></td>"); 

より具体的にラインが問題は、あなたがこの

ような引用符をエスケープする必要が

src="http://www.iconsdb.com/icons/preview/red/delete-2-xxl.png" 

た原因となったとのあなたのラインを交換しながら、/を追加する必要がいけません

src=\"http://www.iconsdb.com/icons/preview/red/delete-2-xxl.png\" 

Answer 2

Iは同じできない場合img IDでこのテンプレート

を使用して、特定の画像私は、テーブルに行を追加するたびに、 をロードします。 これは一意である必要があります。

また、imgは自己閉鎖HTMLタグです。あなたはそれを