jQuery Girl
  1. jQuery Girl
  3. Insérer une colonne de table avec jQuery
Intereting Posts
Comment convertir un object nested dans un tableau en javascript? Restreindre le contenu chargé à un div Comment utiliser les touches fléchées du clavier pour déplacer un div 100px gauche / droite respectivement Exemple d’api de fichier html5 avec jQuery? Comment augmenter la taille de l’image en fonction du contenu de la table en utilisant HTML? jQueryUI, la cible pouvant être sortingée et déplacée ne défilera pas horizontalement pour déposer mais Enveloppez la méthode $ .ajax () de jQuery pour définir la gestion globale des erreurs comment vérifier par programme la disponibilité de la connexion Internet en utilisant jquery FullCalendar: Détecte si le redimensionnement était au début ou à la fin. verrouiller la molette de la souris Comment faire pour recharger des pages appelées AJAX dans le navigateur Uncaught TypeError: Impossible de lire la propriété ‘0’ de non définie Éditeur WYSIWYG pour les équations mathématiques utilisant MathJax Envoi de données de formulaire à l’aide de jquery ‘ajax’ et de formulaire html ‘action’ jQuery’s attr – renvoie plusieurs classes, pas seulement la 1ère

Insérer une colonne de table avec jQuery

J’ai une table de données que je dois append dynamicment à une colonne. Disons que j’ai ce tableau de base pour commencer: 

 
cell 1cell 2cell 3
 
cell 1cell 2cell 3
 
cell 1cell 2cell 3

Je voudrais insérer une colonne entre la cellule 1 et la cellule 2 dans chaque rangée … J’ai essayé cela, mais cela ne fonctionne tout simplement pas comme prévu. 

 $(document).ready(function(){ $('table').find('tr').each(function(){ $(this).prepend('cell 1a'); }) })

Essaye ça: 

 $(document).ready(function(){ $('table').find('tr').each(function(){ $(this).find('td').eq(0).after('cell 1a'); }); });

Votre code d’origine appendait la colonne à la fin de chaque ligne, pas entre les colonnes. Cela trouve la première colonne et ajoute la cellule à côté de la première colonne. 

 $('table > tr > td:first-child').after( 'cell 1a' );

tr > td sélectionne le premier niveau td après un tr , et after insère des données en dehors de l’élément. 

 $('td:first-child').after('<td>new cell</td>');