jQuery Girl
  1. jQuery Girl
  3. Jquery Trier plusieurs Tbody
Intereting Posts
Comment soumettre une balise avec le plug-in Bootstrap Tags Input avec la touche espace? L’événement Backbone View devient la bonne cible Comment faire pour que la largeur et l’élément changent lorsqu’un contact tactile est détecté sur un périphérique tactile Soumettez la liste sous forme de tableau de parameters sous la forme Rails 4, en ajoutant des valeurs de paramètre à la valeur de hachage de paramètre à l’aide de javascript Est-ce que jQuery append () ferme les balises HTML? jQuery: problème d’espace de nom de variable global Dropdowns en cascade MVC 3 jQuery Mobile URL convertissant le hachage (#) en% 23 sur le navigateur Android Regroupement des lignes de table en fonction de la valeur d’une cellule à l’aide de jquery / javascript boucle icanhaz / moustache (itération dans les éléments) erreur js MVC 3 Razor – Accès ViewData dans une requête Ajax (Jquery, JavaScript) Affichage de deux valeurs de zone de sélection distinctes dans une URL Comment sortinger un tableau d’objects en utilisant leurs propriétés d’object Performances de la méthode jQuery width () Créez un menu déroulant stylé comme sur l’interface utilisateur de jquery

Jquery Trier plusieurs Tbody

J’ai une table comme celle-ci: 

  
 Department Quantity 
   
 Data 100 
 
 DTP 20 
 
 VTP 30 
 
 RTP 50 
   
 Testing 100 
 
 QTP 20 
 
 ATP 30 
 
 CTP 50

Lorsque je clique sur l’en-tête du département, les données internes et les tests doivent être sortingés. Mais les données et les tests TH devraient restr les mêmes.

Je ne veux utiliser aucun plugin jQuery. Veuillez partager le code pour faire cette tâche.

Voici une mise en œuvre rapide. J’espère que vous l’améliorerez et que cela répondra à vos besoins: 

 var $table = $('table'), $th = $table.find('thead th'), $tbody = $table.find('tbody'); $th.on('click', function() { $th.removeClass(); var index = this.cellIndex, sortType = $(this).data('sort'), sortDir = $(this).data('dir') || 'asc'; $tbody.each(function() { $(this).find('tr').slice(1).sort(function(a, b) { var aText = $(a).find('td:eq(' + index + ')').text(), bText = $(b).find('td:eq(' + index + ')').text(); if (sortDir == 'desc') { temp = aText; aText = bText; bText = temp; } if (sortType == 'ssortingng') { return aText.localeCompare(bText); } else { return +aText - +bText; } }) .appendTo(this); }); $(this).data('dir', sortDir == 'asc' ? 'desc' : 'asc'); $(this).removeClass().addClass('sort-' + sortDir); });

Démo: http://jsfiddle.net/6uzVn/