有沒有什麼方法可以將div轉換爲使用jquery的img標籤？

Question

讓我們假設我有一些元素，並在文件夾中也有一些圖片。所以我想要做的就是採用這個div，並將其轉換爲img標籤，並使用我作爲源代碼的圖片。

Answer 1

$("#yourDiv").replaceWith("<img src='yourImage.png' />"); 

從jQuery docs：

的.replaceWith（）方法去除DOM和插入內容新的 內容在一個單一的電話。

所以真的，而不是「轉換」的div，你在你的問題問，這消除了div並用新的img元素替換它。哪一個應該按照你的預期工作，但是如果沒有更清楚的問題就很難說。

下面是一個example fiddle讓你開始。

Answer 2

可以使用.replaceAll方法。

創建一個新的形象：

var $image = $('<img/>').attr('src', 'path/to/my/image.png'); 
$($image).replaceAll('#selector-of-div'); 

但是，有可能是，如果你能澄清一點正是爲什麼您正在使用IMG替換一個div更好的方法，什麼用例是:-)

Answer 3

我的做法是

• 採取DIV的innerHTML
• 創建圖像標籤和明年其追加到div
• 追加DIV的innerHTML到圖像標籤
• 刪除從DOM的

如果你嘗試它並有問題，發佈你的代碼在這裏。

Answer 4

選擇div和與IMG替換

$("#yourDIVid").replaceWith("<img/>",{src:'yourSource'}); 

jquery replaceWith

Answer 5

是的，你可以：

$(function(){ 


$('div').each(function(){ 
    //TEST url used 
    $img= $('<img>').attr('src','http://blog.irrashai.com/wp-content/uploads/2009/01/test-pilot.png'); 
    $(this).replaceWith($img); 
}); 

}); 

檢查我的鏈接：http://jsfiddle.net/R2XQp/

我的例子靶向各種DIV標記...以您想要的方式更改了代碼。

Answer 6

//get it from somewhere 
var imgSource; 

$('#yourDiv').replaceWith('<img src=")