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

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

出典

2011-07-22 David

はい、あります。さて、あなたのHTMLとjQuery/JavaScriptコードはどこでこれを解決しようとしていますか？あなたはどこにいるのですか？ – Shef

[jQuery：タグ名を変更するには？]（http://stackoverflow.com/questions/3435871/jquery-how-to-change-tag-name） –

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

：

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

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

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

出典

2011-07-22 14:35:58

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

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

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

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

をjQuery docsから

出典

2011-07-22 14:35:32 ikanobori

-1

私のアプローチは

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

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

出典

2011-07-22 14:37:22 JSager

あなたの質問は間違っています。 – JSager

div要素を選択して、IMGと交換

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

jquery replaceWith

出典

2011-07-22 14:38:00 Rafay

はい、次のことができます。

$(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を対象としタグ...あなたが望むようにコードを変更しました。

出典

2011-07-22 14:38:39

//get it from somewhere 
var imgSource; 

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

出典

2011-07-22 14:46:15

あなたはちょうどあなたの答えを書くことの途中をあきらめたようです...明らかに、これはうまくいかないでしょう。 –

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

答えて

関連する問題