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

试试这个。

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

Fiddle Demo

Answer 2

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

这就像魅力......不改变dom

从变量中更改元素

2 个答案: