Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在HTML表格中显示各种图像_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在HTML表格中显示各种图像

Javascript 在HTML表格中显示各种图像,javascript,jquery,html,Javascript,Jquery,Html,每次向表中添加行时,我都希望使用以下模板加载特定图像: 但是,当我向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' p

每次向表中添加行时,我都希望使用以下模板加载特定图像:

但是,当我向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--;
         }
     });
});
$(文档).ready(函数(){
var i=1;
$(“#添加_行”)。单击(函数(){
$('#addr'+i).html(“+(i+1)+”);
$('#tab_logic')。追加('');
i++;
});
$(“#删除_行”)。单击(函数(){
如果(i>1){
$(“#addr”+(i-1)).html(“”);
我--;
}
});
});
javascript不再工作,我无法添加或删除行

我怎样才能解决这个问题

我想在每次向表中添加行时加载特定图像, 使用此模板

在这种情况下,
img
id不能相同。 它必须是独一无二的

还要注意,
img
是一个自动关闭的HTML标记。关闭时不需要添加
/

我想在每次向表中添加行时加载特定图像, 使用此模板

在这种情况下,
img
id不能相同。 它必须是独一无二的


还要注意,
img
是一个自动关闭的HTML标记。您不需要在关闭时添加
/

将您的行替换为该行

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

用这个替换你的线路

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

您在控制台中有任何错误吗?@laker001您所说的javascript不再工作是什么意思?你能发布你的JS代码吗?这会有帮助的!请发布您的Javascript不确定您使用的是什么IDE,但您可能希望调整颜色-应该很清楚,因为问题就在这里(src以不同的颜色显示),你的图像src代码:需要像这样转义引号你在控制台中有错误吗?@laker001你说的javascript不再工作是什么意思?你能发布你的JS代码吗?这会有帮助的!请发布您的Javascript不确定您使用的是什么IDE,但您可能希望调整颜色-应该很清楚,因为在问题中(src显示在不同的coliur中),您过早地终止了字符串。您的图像src代码:需要像这样转义引号,尽管您所说的是正确的,我不认为它能解决OP的问题虽然你说的是真的,但我不认为它能解决OP的问题图像仍然无法加载。你能提供一把小提琴吗?谢谢图像仍然没有加载。你能提供一把小提琴吗?谢谢