どのようにjQueryを使ってアンカーとして画像にリンク要素を作成するには？

Question

私のようなものを使用してjQueryを使って要素を作成する方法を知っている：同じ手法を使用して

<a href=""><img src="" /></a> 

：

$('<div/>').appendTo('body'); 

は、どのように私はこれを作成することができますか？

Answer 1

$('<img />').attr({ 
    src:'some image url', 
    width:'width in intiger', 
    height:'integer' 
}).appendTo($('<a />').attr({ 
    href:'somelink' 
}).appendTo($('#someElement'))); 

Answer 2

最初のjQueryを使用してHTML要素を選択し、所望のHTMLを設定する「HTML（）」メソッドを使用することができます。ここではサンプルです：

$('div.demo-container') 
    .html('<a href=""><img src="" /></a>'); 

唯一のことは、あなたが一意に変更したい希望のdivを識別することができるはずです。 IDやクラスを設定することによっておそらく。

Answer 3

まあ..あなたが行うことができます：$('<a href="http://mysite.com"><img src="/img/img.jpg" /></a>').appendTo('#myDIV')

Answer 4

あなたはこのコンテンツを挿入したい場所の周りに巻き付け要素があるかどうか把握する必要がありまず。

<h2>Greetings</h2> 
    <div class="container"> 
    <div class="inner">Hello</div> 
    <div class="inner">Goodbye</div> 
</div> 

今単語と段落を追加される「.inner」クラスを持つすべてのアイテムを「テスト：

$('.inner').append('<p>Test</p>'); 

これはあなたのDOM要素だったと言うことができます：jQueryのでは、機能を使用します「

<h2>Greetings</h2> 
    <div class="container"> 
    <div class="inner"> 
     Hello 
     <p>Test</p> 
    </div> 
    <div class="inner"> 
     Goodbye 
     <p>Test</p> 
    </div> 
</div> 

は、詳細を調べるためにjQueryのドキュメントをチェックアウト：http://api.jquery.com/append/

Answer 5

これは、画像オブジェクトを追加することで機能します。

$('<a>', {href:''}).append($('<img>', {src:''}).appendTo('body')