verschiedene Bilder in einer Tabelle HTML Anzeigen

Question

ich jedes Mal, wenn ich eine Zeile in eine Tabelle hinzufügen, mit dieser Vorlage ein bestimmtes Bild laden mag:

LINK

Allerdings, wenn ich einen <td> Tag des hinzufügen JavaScript Code wie folgt:

$(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--; 
     } 
    }); 
}); 

Das Javascript funktioniert nicht mehr und ich kann keine Zeilen hinzufügen oder entfernen.

Wie kann ich dieses Problem lösen?

Answer 1

mit diesem Ihre Linie ersetzen

$('#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>"); 

genauer gesagt, die Linie wurde das Problem verursacht

war

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

Sie Zitate entkommen müssen wie diese

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

Answer 2

Ich mag jedes Mal ein bestimmtes Bild i zu einer Tabelle eine Zeile hinzufügen laden, diese Vorlage mit

In dieser Fall img-ID nicht gleich sein kann. Es muss einzigartig sein.

Beachten Sie auch die img ist ein selbstschließendes HTML-Tag. Sie brauchen nicht / hinzufügen, während es zu schließen