2011-12-16 54 views
0

我現在正在努力與這條線一個小時,所以我決定問。如何發送圖像標籤通過html()

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

我不能讓html注入圖像標記爲divs

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

回答

4

嘗試使用append

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


輸出失蹤 「/」 – user1080711 2011-12-16 10:18:50

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

上面append方法不同,此代碼將刪除所有的HTML .tempc內部以及與此替換,而在追加,如果你的。 tempc裏面有元素,它不會被刪除只是附加..但我認爲你所需要使用的是追加..

+0

thanx的音符。我的問題是如何動態地(使用jquery)插入圖片到給定類名稱的div? – user1080711 2011-12-16 10:49:31

0

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>
在螢火蟲