Question

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

我想问一下如何使用JQuery将img标签添加到表或div中？

IE中。我有一个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="..." />，这就是你的代码没有显示图片的原因：

更正小提琴：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" />');

Answer 2

HTML属性使用=指定，而不是:。

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

更新了演示：http://jsfiddle.net/3C7UD/5/

Answer 3

尝试更改这2行：

var img = "<img src='"+imgLink+"' />";

和最后一个：

$('#divid').append(img);

Answer 4

将您的代码更改为：

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

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

Answer 5

改变你的：

><img src:"

到

><img src="

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

5 个答案: