sélection DOM dans jquery

Question

J'ai une table, et j'ai fait le tri de cela. Son temps d'exécution est mauvais. Je suppose que c'est à cause de la manipulation DOM. /* I m convertir au tableau */

var rows = $table.find('tbody > tr').get(); 


$.each(rows, function(index, row){  /*then again to 2D array */ 

      if(($(row).children('td').eq(0).attr('class').indexOf('collapse') != -1 || $(row).children('td').eq(0).attr('class').indexOf('expand') != -1)){ 
       myData.push(myData1); 
       myData1 = []; 
      } 
       myData1.push(row); 
       rowCount++; 
       if(rowCount == $(rows).length){ // to assign last group of rows 
       myData.push(myData1); 
        myData1 = []; 

      } 
    }); 

qui est la meilleure façon de sélectionner les éléments DOM directement tableau complet. Parce que je l'utilise plusieurs fois.

Answer 1

Eh bien, il y a une chose que vous pouvez faire tout de suite qui augmentera probablement la performance:

Vous voyez la chaîne Loong vous devez obtenir les valeurs de la classe de la première <td> de la ligne? Vous faites exactement la même chose, loong, chaîne deux fois. Essayez

// then again to 2D array 
$.each(rows, function(index, row) { 
    var classes = $(row).children('td').eq(0).attr('class') 
    if((classes.indexOf('collapse') != -1 || classes.indexOf('expand') != -1)){ 
     myData.push(myData1); 
     myData1 = []; 
    } 
    myData1.push(row); 
    rowCount++; 
    if(rowCount == $(rows).length){ // to assign last group of rows 
     myData.push(myData1); 
     myData1 = []; 
    } 
}); 

Si la fonction $.each() gère un grand nombre de fois, cela devrait vous sauver au moins quelques-uns.

Answer 2

Vous pouvez également essayer la fonction hasClass, et en utilisant le: premier sélecteur au lieu de retourner tous les tds et seulement prendre le premier:

if(($(row).children('td:first').hasClass('collapse')) || ($(row).children('td:first').hasClass('expand')) {