Insertion d'un élément DOM dans plusieurs emplacements avec jQuery

Question

J'ai un code de pagination défini dans une variable ($ pager) que j'aimerais afficher en haut et en bas d'une table ($ table).

J'ai essayé ce qui suit:

$pager. 
insertBefore($table); 
insertAfter($table); 

Cependant, la deuxième instruction semble remplacer la première, ce qui signifie les pages apparaissent uniquement sous la table. Comment puis-je insérer la pagination en haut et en bas de la table?

Answer 1

Vous devez clone votre objet téléavertisseur, mais faites attention à votre balisage, car vous pourriez finir par avoir dupliqués attributs id:

$pager.insertBefore($table).clone().insertAfter($table); 

Et si vous voulez cloner aussi et tous les gestionnaires d'événements, utilisez clone(true) .

Answer 2

Je pense que si vous mettez un .clone() là-bas, il pourrait fonctionner ...