javascript - 使用 jquery 将 html 图像添加到 div/table

Question

我是 JQuery 的新手，目前在 Visual Studio 2013 中使用它。

请问如何使用JQuery将img标签添加到表格或div中？

即。我有一个 div，我想使用 jquery 动态创建图像。或者 我在动态创建的 div 中有一个动态创建的表，我想将图像添加到其中一行。

我已经在 jsfiddle ( http://jsfiddle.net/3C7UD/1/ ) 中试过了

$("#divid").append('<table>
                      <tr>
                        <td>asdasdasd</td>
                        <td><img src:"https://www.google.com/images/srpr/logo11w.png"  width:"225px" height:"225px" /></td>
                        </tr>
                     </table>');

$('#divid').append('<img src:"' + imgLink + '"  width:"225px" height:"225px" />');

但没有图像..我也在 visual studio 元素中尝试过，但相同(没有图像)。

我找不到任何关于添加图像的教程，而且我在这个论坛中找到的解决方案目前对我来说还没有用....

Answer 1

您写了 <img src:"..." />而不是 <img src="..." />这就是您的代码未显示图像的原因:

更正的 fiddle :http://jsfiddle.net/Zword/3C7UD/3/

更正部分代码:

$("#divid").append('<table><tr><td>asdasdasd</td><td><img src="http://blog.sckyzo.com/wp-content/google-small.png"  width:"225px" height:"225px" /></td></tr></table>');
$('#divid').append('<img src="' + imgLink + '"  width:"225px" height:"225px" />');