divを取ってjqueryを使ってimgタグに変換する方法はありますか？

Question

私はいくつかの要素があり、フォルダ内にいくつかの画像があるとしましょう。だから私がしたいのは、このdivを正確に取って、私がソースとして持っている画像を使ってimgタグに変換することです。

Answer 1

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

：

.replaceWith（）メソッドは、DOMおよび挿入からコンテンツを削除新しい コンテンツをその場所に1回の呼び出しで送信します。あなたは、あなたの質問に尋ねるよう

だから本当に、「変換」の代わりにdivが、これはdivを削除し、新しいimg要素に置き換えます。期待どおりに動作するはずですが、明確な質問がなければ確実に言うのは難しいです。

ここにはexample fiddleがあります。

Answer 2

.replaceAllメソッドを使用できます。

新しいイメージ作成：IMGとどのようなユースケースが:-)

であるとのdivを交換する理由をより正確にビットを明確にすることができればしかし、より良い方法があるかもしれません

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

をjQuery docsから

Answer 3

私のアプローチは

• が
• 削除画像タグにdiv要素のinnerHTMLプロパティを追加のdivのinnerHTMLの
• があなたのイメージタグを作成して取り、divの
• の隣にそれを追加だろうドミノからのdiv

あなたがそれを試して問題を抱えている場合は、ここにコードを記入してください。

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=")