如何通过html（）发送图像标签

Question

我现在在这条线上挣扎了一个小时，所以我决定问。

$('.tempc').html($('.tempc').html() + '<img src="images/wheather/3.png" width="139" height="50"/></br>');

我无法html将图像标记注入divs。

<div class="tempc"></div>

Answer 1

尝试使用append：

$('.tempc').append($('<img src="images/wheather/3.png" width="139" height="50"/><br/>'));

Answer 2

$('.tempc').html('<img src="images/wheather/3.png" width="139" height="50"/></br>');

与上面的append方法的区别，这段代码将擦除.tempc中的所有html并替换为此，而在追加中，如果你的.tempc里面有元素，它就不会被删除只是附加..但我认为所有你需要使用的是追加..

Answer 3

＆＃13;

＆＃13;

function insert(){

  $('.tempc').append('<img src="http://img-aws.ehowcdn.com/340x221p/photos.demandstudios.com/getty/article/203/184/200446250-001.jpg" width="139" height="50"/></br>');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tempc"></div>
<button onclick='insert()'>Append</button>

＆＃13;

＆＃13;

＆＃13;