변수에서 요소를 변경하십시오

Question

나는 변수에 복사하는 dom이 있습니다. 변수의 특정 요소를 다른 요소로 바꾸고 싶습니다.

<div id="parent"> 
    <section id="1"></section> 
    <section id="2"></section> 
    <section id="3"></section> 
    <section id="4"></section> 
</div> 

이것은 변수에 복사했습니다. 이제 DOM

와 아무 관계가 나는이 내가

var target = document.getElementById('parent'); 
    var wrap = document.createElement('div'); 
    wrap = wrap.appendChild(target.cloneNode(true)); 

Answer 1

var target = document.getElementById('parent'); 
    var wrap = document.createElement('div'); 
    wrap = wrap.appendChild(target.cloneNode(true)); 
    $(wrap).find("#1").html("<img id='5'></img>"); 

이

Answer 2

이 시도하려 무엇

<div id="parent"> 
    <img id="5"></img> 
    <section id="2"></section> 
    <section id="3"></section> 
    <section id="4"></section> 
</div> 

로 변경하고자합니다.

$('#parent').children().each(function(){ 
    var ids = $(this).attr('id'); 
    $(this).replaceWith('<img id="'+ids+'"/>'); 
}); 

Fiddle Demo