Discussion :

[Lorenzo77]

salut,

j'ai une grosse table avec des tr et plein de td.
je dois recup les 2ers TD de chaque ligne (TR).

pour l'instant je fais ca (en simplifié) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var cible = $('tr').find('td:lt(2)');

dans cible je récupère tous les TD mais "bêtement" mis a la suite :

jQuery(td, td, td, td, td, td, td, td, td, .....)

question 1 : est ce qu'il y aurait un moyen quelconque de garder un découpage logique des données (comme celui de la table HTML) ? , genre :

jQuery([td, td], [td, td], [td, td], [td, td], .....)

est ce qu'on est limité par le fonctionnement interne de JQ ?

question 2 : j'ai essayé de me passer de la fonction "find()" en cherchant a n'utiliser que les sélecteurs mais j'ai pas réussi, est ce possible ?

merci

[danielhagnoul]

Bonsoir

Je suppose que c'est le contenu du "td" qui vous intéresse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
var cibleTab = [], tempTab = [];
 
$( "table > tbody > tr" ).each( function( i, item ){
	tempTab = [];
 
	$( "td:lt( 2 )", item ).each( function( j, jtem ){
		tempTab.push( $( jtem ).text() );
	});
 
	cibleTab.push( tempTab );
});
 
console.log( cibleTab[ 2 ][ 0 ] );

[Lorenzo77]

j'ai pensé aux boucles imbriqués mais j'imaginais ca pas vraiment économique en terme de ressource (mais aprés un test ton exemple est presque 2 fois + rapide que mon test).
36ms contre 59ms(find) + 9ms(each)


voici le code de test :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(document).ready(function() {
	//var cible = $('tr>td:eq(0),tr>td:eq(1)');
	//var cible = $('tr[class!=Caption]:gt(0)').find('td:lt(2)');
	console.time('cible');
	var cible = $('tr:gt(0)').find('td[colspan!=10]:lt(2)');
	console.timeEnd('cible');
	//console.log('cible : ', cible);
	//console.log('cible.length : ', cible.length);
	var tb = [];
 
	//console.group('each');
	console.time('each');
	cible.each(function(id, elm){
		//console.log($(elm).contents());
		if( $(elm).find('a').length ){
			tb.push([$(elm).find('a').text(), 0]);
		}else{
			var l = tb.length;
			tb[l-1][1] = $(elm).text();
		}
		//console.warn('---------------');
	});
	console.timeEnd('each');
	//console.groupEnd();
	//console.table(tb);
});

Soit on utilise 2 boucles comme tu le propose soit on utilise le "find()" MAIS c'est aussi une boucle (interne a JQ) très lourde.

je cherchais un moyen basé uniquement sur les sélecteurs, genre :

tr td:lt(2)

tr > td:lt(2)

mais avec ca je ne récupere que 2 TD sur les 100 (les 2ers)


c'est donc impossible de recup tous les 2ers TD de chaque TR en jouant uniquement avec les sélecteurs (tanpis pour la mise en forme des données) ?

merci

[danielhagnoul]

Rien n'est plus rapide que le Vanilla JS.

[Lorenzo77]

l'utilité de JQ c'est qu'il est multi-navigateurs/multi-versions ... ca évite de perdre énormément de temps à gérer les problemes de IE ou safari !