Home/ Questions/Q 8320349
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T22:37:35+00:00

I’m using jQueryUI to create a large table of sortable cards, each of which

  • 0

I’m using jQueryUI to create a large table of sortable cards, each of which is composed of a large tree of nested div tags with styling using CSS. When I drag a card under certain conditions, I want to create a slightly transparent “clone” of the card that hovers just to the right of the “real” card while dragging, but I don’t want to actually duplicate all of the HTML in order to accomplish this visual effect.

So, is it possible to use javascript to draw the same DOM element on a webpage in two different places without actually duplicating the HTML?

Thanks to anyone who answers.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Each DOM element is either not connected to DOM at all or connected to one specific parent. You cannot display same element in two different places. Attaching to a new parent will just move element from old one.

    You can either use cloneNode (take care to attach new event handlers to it, as they are not cloned) or make at JS factory that produces some “template” elements and attach each of them to different parents.

    • 0