이미지 가져 오기 및 다른 위치에 추가

한 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

상대적으로 간단한 추가 할 수 있습니다 추가하려는 경우

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

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

.html 중에서(), 새로운 사업부의 전체 HTML을 대체합니다. 나는 클릭 핸들러에 넣어,하지만 거기에 갈 필요가 없습니다 :

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

예 :

http://jsfiddle.net/cLEE6/

출처

2010-12-07 22:08:42

와우, 이제 나는 총 바보 같아. 내가 생각했던 것보다 훨씬 더 간단했다. –

@JJ Nold : 어떻게이 특정 jQuery 호출을 실행하려고합니까? ** 편집 ** 그것은 결국 효과가 있었습니까? –

@David는 document.ready 함수에 있습니다. 나는 그것을 추가하고있다, 지금 나는 단지 초기 div에서 그것을 제거하고 싶다. 나는이 경우에 .remove()를 사용한다고 상상한다. –

다음 코드는 기존 사업부에서 HTML을 얻고 새로운 사업부에 적용해야합니다.

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

출처

2010-12-07 22:05:34 kobe

.html 중에서() 새로운 사업부의 전체 HTML을 대체 할 것이다, 당신이 경우 추가하고 싶다면 append를 사용할 수 있습니다. – kobe

또는 ['appendTo()'] (http://api.jQuery.com/appendto/). –

@ david, 안녕 데이비드, 안녕? – kobe

이 작동합니다 : 당신은 당신이

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

출처

2010-12-07 22:09:18

이미지 가져 오기 및 다른 위치에 추가

답변

관련 문제