イメージを取得して別の場所に追加する

イメージ全体を1つのdivに取り込み、削除して別のdivに追加する必要があります。イメージソースは常に異なるので、私はそれを考慮する必要があります。これは私がこれまで行ってきたことですが、これは正しいとはかなり確信しています。うまくいけば、誰かが正しい方向に私を指すことができます。イメージを取得して別の場所に追加する

<div id="sidebar"> 
</div> 
<div class="content"> 
    <img src="123410928510934587.jpg" /> 
    <img src="45646513513515.jpg" /> 
</div> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script> 
var imgRetrieve = $('.content img:first').find('img').attr('src') 
$(document).ready(function() { 
    imgRetrieve(); 
    $('.sidebar').append(); 
}); 
</script>

出典

2010-12-07 JJ Nold

比較的簡単に追加する使用することができます追加したい場合は、新しいdiv要素の完全なHTMLを置き換えます：

$('.content img:first').appendTo('#target_element');

出典

2010-12-07 22:08:42

うわー、今私は馬鹿のように感じる。それは私が思ったよりずっと簡単だった。 –

@JJ Nold：この特定のjQueryコールをどのように起動しようとしていますか？ **編集**それは結局働いたのですか？ –

@Davidはdocument.ready関数内にあります。私はそれを追加して、今すぐ最初のdivから削除したいだけです。この場合、.remove（）を使うと想像します。 –

次のコードでは、古いDIVからHTMLを取得し、新しいdiv要素に適用されるべきです。

var oldDiv= $('#oldDiv').html(); 

$('#newDiv').html(oldDiv);

.htmlを（）あなたは

$('#newDiv').append(oldDiv);

出典

2010-12-07 22:05:34 kobe

（.htmlを）あなたの場合は、新しいdiv要素の完全なHTMLを置き換えますあなたが追加を使用することができますを追加したい。 – kobe

または['appendTo（）']（http://api.jQuery.com/appendto/）。 –

@david、こんにちはデビッド、元気？ – kobe

これは動作するはずですが。私は、クリックハンドラにそれを置くが、それはそこに行く必要はありません。

$('.content').click(function() { 
    $('.content img:first').appendTo('#sidebar'); 
});

例：

http://jsfiddle.net/cLEE6/

出典

2010-12-07 22:09:18

イメージを取得して別の場所に追加する

答えて

関連する問題