Bonjour,

J'ai une table d'une seule ligne et 3 colonne. Mais c'est generé dynamiquement je n'ai donc pas acces au code html. J'aimerai transformer ce table en 2 lignes et 2 colonnes.
J'ai :
<table><tr><td>col1</td><td>col2</td><td class="col3">col3</td></tr></table>

et j'aimerai transformer ca en :
<table><tr><td>col1</td><td>col2</td></tr><tr><td>Col Ajouter</td><tdclass="col3">col3</td></tr></table>

Donc en fait je souhaiterai inserer "</tr><tr><td>Col Ajouter</td>" avant mon td avec la class col3.
Mon probleme est que jquery me ferme automatiquement la balise <tr> lorsque j'utilise .append ou .before
$(".col3").before("</tr><tr><td>Col Ajouter</td>"); (en fait mon </tr> il me le place apres le </td> pour que ce soit correct niveau html pout lui)

Comment puis je l'obliger a prendre le code exact que je lui met?

Merci de votre aide,

sinon tu modifie le code html, avec javascript tu récupères le innerHTML tu  le modifie et tu réalloues

Bonjour CelineAussaresses

Je t'ai fait un exemple :

https://codepen.io/Zonecss/pen/omJNzR