从变量中更改元素

Question

我有一个dom，我正在复制变量。 我想用另一个元素替换变量中的特定元素。

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

这个我已经复制到变量中。现在有了DOM

没有关系我想将其更改为

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

这就是我努力

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

试试这个。

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

Fiddle Demo