JSFiddle - React, Tailwind, and code Playground

by Hao Yang

HTML

<button onclick="clickEvent()">Try it!</button>
<div id="source">Source:
  <span>
    <span id="hello">Hello!!</span>
    <span id="name">Howard</span>
  </span>
</div>

<div id="target">Target:
</div>

JavaScript

async function clickEvent() {
  var extendObject = $.extend(true, {}, $('#source').children());
  extendObject.find('span[id="name"]').remove();
  await howardSleep(1000);
  $('#target').append(extendObject);
}

function howardSleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}