Question

我需要在一个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>

Answer 1

相对简单：

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

Answer 2

JJ

以下代码应该从旧div获取html并应用于新div。

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

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

.html（）将替换新div的完整html，如果你想追加你可以使用追加

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

Answer 3

这应该有效。我把它放在一个点击处理程序中，但它不必去那里：

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

示例：

http://jsfiddle.net/cLEE6/

获取图像并将其附加到其他位置

3 个答案: