Как отправить тег изображения через 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

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>');
}

<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>

Answer 3

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

разница с методом добавления выше, этот код будет стирать все html внутри .tempc и заменять этим, в то время как в добавлении, если ваш .tempc содержит элемент внутри, он не будет удален просто добавленным ... но я думаю все, что вам нужно использовать, это добавить ..