한 div의 콘텐츠를 다른 div의 내부에 추가하면 작동하지 않음

Question

콘텐츠를 가져 와서 동일한 ID를 가진 다른 div에 배치하려는 여러 div가 있습니다. 여기 내 예를

<!-- Div to get content from --> 
<div id="sharedContent"> 
    <div id="testContent"> 
     <p>Here is some content</p> 
    </div> 

    <div id="testContent2"> 
     <p>Here is some second content</p> 
    </div> 
</div> 

<!-- Divs to put content in --> 
<div id="testContent" class="shared"> 
    test content 
</div>​ 

<div id="testContent2" class="shared"> 
    test content2 
</div>​ 

HTML

그리고 heres는 내 jQuery의 :

var contentID = ('#' + $(this).attr('id')); 
var sharedContent = $('#sharedContent' + ' ' + contentID).html(); 

$('div.shared').each(function(){ 
    $(contentID).html(sharedContent); 
}); 

Howoever는,이 작동하지 않습니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

ID는 한 번만 사용할 수 있으므로 문제가 있다고 생각합니다. 이 fiddle을 보면 문제가 해결됩니다. 여기

<!-- Div to get content from --> 
<div id="sharedContent"> 
    <div id="testContent"> 
     <p>Here is some content</p> 
    </div> 

    <div id="testContent2"> 
     <p>Here is some second content</p> 
    </div> 
</div> 

<!-- Divs to put content in --> 
<div data-id="testContent" class="shared"> 
</div> 

<div data-id="testContent2" class="shared"> 
</div>​ 

는 jQuery 코드이다 : 여기서

는 HTML이고

$('div.shared').each(function() { 
    var sharedContent = $('#'+$(this).attr('data-id')).html(); 
    $(this).html(sharedContent); 
});​