jQuery Girl
  1. jQuery Girl
  3. Comment diviser une ligne de table avec jQuery (insérer TR entre TD)
Intereting Posts
Comment envoyer un tableau javascript à l’action struts en utilisant jQuery Ajax lier jquery en html La fonction de rappel animate (complète) exécutée au démarrage? Quel est le meilleur moyen de couper le nom de fichier de l’atsortingbut ‘href’ d’un élément ‘a’ à l’aide de jQuery? CSS / JS / Jquery – Éléments Flex pour des tailles d’écran réactives Utilisation de Jquery ajax pour appeler la méthode ActionResult dans Controller et renvoyer des données Vérifier si l’élément est visible dans div déclencher un événement après le rendu du document Jquery Open Accordion basé sur le hachage d’ancrage d’URL jQuery ajax ne fonctionne pas sous iOS jQuery Accordion si hasClass Désactiver / activer le champ de texte avec le bouton radio (jQuery) Javascript incrémenter une valeur Barre de progression jQueryUI Définit la directive $ scope var dans la directive ng-click

Comment diviser une ligne de table avec jQuery (insérer TR entre TD)

J’ai un problème pour diviser une table avec jQuery.

Ceci est la table:

Je veux que cela ressemble à ceci après avoir appelé une fonction:

J’ai essayé avec: 

 $(function(){ $('.submenu td:eq(3)').after(''); });

Essayez plutôt cet extrait: 

 $(function(){ // # Add a new row after the first one in the table $('table#submenu tr:first').after(''); // # Move the four last TDs to this new row $('table#submenu tr:first td.submenu:gt(3)') // Select the four last TDs .detach() // Detach them from their current row .appendTo('table#submenu tr:nth-child(2)'); // Add them at the end of the new row });

Cela fonctionnera.

Ce code résout votre problème.

entrez la description de l'image ici

 $(document).ready(function(){ $("table tr td:nth-child(5n)").addClass('break'); var boundary = $("td.break"); $("").insertAfter(boundary.parent()).append(boundary.nextAll().andSelf()); });

DEMO