jQuery Girl
  1. jQuery Girl
  3. insérer l’élément dans deux div
Intereting Posts
Cercles CSS sans largeur ni hauteur? : Est-ce possible avec du CSS pur ou pas? Comment créer une boîte de dialog modale d’amorçage simple dans ASP.NET MVC Comment formater la date et l’heure avec les modèles jQuery? Comment incrémenter / décrémenter les valeurs de couleur hexadécimales avec javascript / jQuery jQuery delay () – comment l’arrêter? Besoin d’aide pour résoudre ce qui semble être un conflit jQuery / MooTools jquery active class to item de menu basé sur l’URL actuelle Les appels $ .getJSON () depuis un fichier HTML statique express ne reçoivent pas de données Entrée masquée JQuery – SSN tel que XXX-XX-1234 (les 5 premiers caractères seraient masqués comme mot de passe) Sélectionnez div (ou autre élément) que la classe contient «grap» (o autre mot spécifié), par exemple Script d’infobulle jQuery Carte à retournement CSS3 avec hauteur automatique addClass au parent (LI) jquery’s append ne fonctionne pas avec l’élément svg? jQuery target LinkedIn bouton de partage

insérer l’élément dans deux div

Je crée un tableau et le renseigne dans deux divs, le premier div est petit et le second grand, les autres graphes fonctionnent très bien, mais l’élément ne fonctionne pas. comme vous pouvez voir le code et exemple ici. 

$("#sample").empty() $("#fulls").empty() var table = document.createElement('table'); table.className="report"; var first = table.insertRow(0); first.className= "headerTable"; var h1 = first.insertCell(0); var h2 = first.insertCell(1); var h3 = first.insertCell(2); var h4 = first.insertCell(3); var h5 = first.insertCell(4); h1.className= "headerTable"; h2.className= "headerTable"; h3.className= "headerTable"; h4.className= "headerTable"; h5.className= "headerTable"; h1.innerHTML = ("Speed"); h2.innerHTML = ("RPM"); h3.innerHTML =("Acc"); h4.innerHTML = ("Brake"); h5.innerHTML =("Dated"); for (var i = 0;i<5;i++) { var first = table.insertRow((i+1)); first.className= "tableRow"; var h1 = first.insertCell(0); var h2 = first.insertCell(1); var h3 = first.insertCell(2); var h4 = first.insertCell(3); var h5 = first.insertCell(4); h1.innerHTML = i; h2.innerHTML = i; h3.innerHTML = i; h4.innerHTML = i; h5.innerHTML= new Date(); } $("#fulls").html(table); $("#sample").html(table);

et j’ai essayé avec javascript mais le même résultat 

 document.getElementById("fulls").innerHTML = table; document.getElementById("sample").innerHTML = table;

Vous ne pouvez pas insérer un élément dans 2 conteneurs, vous devez le cloner comme 

 $("#fulls").html($(table).clone()); //or use cloneNode() like $("#fulls").html(table.cloneNode(true)); $("#sample").html(table);

Démo: Violon

Lorsque vous ajoutez la même instance d’élément à 2 conteneurs, elle est supprimée du premier et ajoutée au second. Par conséquent, si vous souhaitez conserver une copie aux deux emplacements, vous devez cloner cet élément.

Cela devrait fonctionner pour vous 

 $("#fulls").html(table); $("#sample").html($("#fulls").html());

Le problème était que vous n’aviez qu’un seul object de table utilisé à plusieurs endroits.

Je pense que vous auriez besoin de quelque chose comme ça 

 var th = document.createElement('th'); var tr = document.createElement('tr'); var tbody = document.createElement('tbody'); var table = document.createElement('table'); table.className = "report"; th.appendChild(img); tr.appendChild(th); tbody.appendChild(tr); table.appendChild(tbody);