Récupérer les valeurs dans un tableau 'complexe'

Version imprimable

Bonjour,

j'ai une table de données contenant des numéros de séries :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table id="TAB_OBJSTATOBJListeNumeroSerie" width="100%">
<tbody><tr><td>
<div id="DIVDONNEE" style="display:block" width="100%">
<table id="TAB_1OBJListeNumeroSerie" name="TAB_1OBJListeNumeroSerie" border="1px" style="border-collapse:collapse;width:150.0px;" bordercolor="#000000" cellpadding="5">
<thead>
<tr class="COULEURLIGNEPAIRE">
<th class="FONDENTETECOLONNE" genre="TXT" width="150px" tabrep="FALSE" style="cursor:pointer;" title="Tri">Numéro de série<span class="PctTriTabRep" style="display:none"></span><span class="PctTriTabRep" style="display:none"></span></th><th class="FONDENTETECOLONNE"></th>
</tr>
</thead>
<tbody>
<tr class="COULEURLIGNEIMPAIRE">
<td onmouseover="this.style.cursor='pointer'" onclick="if(window.getSelection().toString()=='')window.open('https://monsiteweb.fr/servlet/Tbord.AfficheEnregistrement?EnrCode=2673&amp;EnrVer=1')" class="VALEURCOLONNESTRING" title="Numéro de série">3518001</td><td rowspan="1" class=""><a class="LIENINVISIBLE" title="cliquer ici pour accéder à l'enregistrement" href="https://monsiteweb.fr/servlet/Tbord.AfficheEnregistrement?EnrCode=2673&amp;EnrVer=1" target="_blank"><img src="https://monsiteweb.fr/servlet/WebContent/IMG/rechercher.png"></a></td>
</tr>
<tr class="COULEURLIGNEPAIRE">
<td onmouseover="this.style.cursor='pointer'" onclick="if(window.getSelection().toString()=='')window.open('https://monsiteweb.fr/servlet/Tbord.AfficheEnregistrement?EnrCode=2703&amp;EnrVer=1')" class="VALEURCOLONNESTRING" title="Numéro de série">3518002</td><td rowspan="1" class="VALEURCOLONNE2"><a class="LIENINVISIBLE" title="cliquer ici pour accéder à l'enregistrement" href="https://monsiteweb.fr/servlet/Tbord.AfficheEnregistrement?EnrCode=2703&amp;EnrVer=1" target="_blank"><img src="https://monsiteweb.fr/servlet/WebContent/IMG/rechercher.png"></a></td>
</tr>
<tr class="COULEURLIGNEIMPAIRE">
<td onmouseover="this.style.cursor='pointer'" onclick="if(window.getSelection().toString()=='')window.open('https://monsiteweb.fr/servlet/Tbord.AfficheEnregistrement?EnrCode=2594&amp;EnrVer=1')" class="VALEURCOLONNESTRING" title="Numéro de série">3718006</td><td rowspan="1" class=""><a class="LIENINVISIBLE" title="cliquer ici pour accéder à l'enregistrement" href="https://monsiteweb.fr/servlet/Tbord.AfficheEnregistrement?EnrCode=2594&amp;EnrVer=1" target="_blank"><img src="https://monsiteweb.fr/servlet/WebContent/IMG/rechercher.png"></a></td>
</tr>
</tbody></table>
<script>$(document).ready(function() {$("#TAB_1OBJListeNumeroSerie").TriTBord(0,'Tri','FRA')});</script>
</div>
</td></tr></tbody></table>

Je souhaite parcourir ce tableau et comparer les données Numéro de série (ligne 12, 15 et 18 code ci-dessus) à une variable saisie par l'utilisateur.

Pour cela j'ai commencé par compter le nombre de valeurs dans ma table

Code:

1
2
3
 
var Nblignetdb = $("TAB_OBJSTATOBJListeNumeroSerie tbody").children().length;
alert(Nblignetdb);

Même cela ne fonctionne pas... Le message m'affiche toujours 0.
Alors la récup de donnée est encore plus compliquée...

Quelle est la logique à employer pour tout ça ?
Je vois que dans ma table avec l'ID TAB_OBJSTATOBJListeNumeroSerie il y a une autre table (ID TAB_1OBJListeNumeroSerie), que chaque ligne de table a sa balise tr.
Mais c'est tout :calim2:

Merci par avance pour votre aide.

Ben

28/09/2018, 11h39
SpaceFrog
Code:

<table id="TAB_OBJSTATOBJListeNumeroSerie" width="100%">

=> selecteur par is = #
Code:

1 2 3 var Nblignetdb = $("#TAB_OBJSTATOBJListeNumeroSerie tbody").children().length; alert(Nblignetdb);
28/09/2018, 13h38
Binpush

Merci SpaceFrog,

effectivement, dans ce que j'avais lu sur Internet il y avait bien le dièse, mais dans mes tests de ce matin je l'ai zappé :oops:
Au passage, que veut dire tbody qui est après l'ID du tableau ("#TAB_OBJSTATOBJListeNumeroSerie tbody")? J'ai trouvé des exemples avec cette syntaxe, mais sans info que je comprends.

Maintenant, je retrouve bien mon nombre de lignes :)

Comment retrouve t-on les valeurs de cette table (les numéros de série) ?

On peut par exemple passer par l'attibut title des cellules ...

Code:

1
2
3
TabNS=[];
$TDS= $("#TAB_1OBJListeNumeroSerie td").filter( function(){ return $(this).attr('title')=="Numéro de série";}).each( function(){ TabNS.push($(this).html());})
console.log(TabNS);

Pas besoin du filter en fait, on peut directement passer par le selecteur pour l'attribut
Code:

1 2 3 TabNS=[]; $TDS= $("#TAB_1OBJListeNumeroSerie [title='Numéro de série']").each( function(){ TabNS.push($(this).html());}) console.log(TabNS);

28/09/2018, 17h05
Binpush

Merci pour ces informations.
Maintenant il faut que je comprenne tout ce qui a été écrit ...

Comment je fais si je veux récupérer, par exemple, le 2ème élément de la liste ?
$("#TAB_1OBJListeNumeroSerie [title='Numéro de série']")(2) ?

tu peux utiliser .eq()...

Code:

1
2
3
4
$("#TAB_1OBJListeNumeroSerie td[title='Numéro de série']").eq(0).text();//première ligne
$("#TAB_1OBJListeNumeroSerie td[title='Numéro de série']").eq(1).text();//2éme ligne
$("#TAB_1OBJListeNumeroSerie td[title='Numéro de série']").eq(2).text();//troisième ligne

Tous les nr de série sont dans un array

Code:

1
2
3
TabNS=[];
$TDS= $("#TAB_1OBJListeNumeroSerie [title='Numéro de série']").each( function(){ TabNS.push($(this).html());})
console.log(TabNS[1]);

02/10/2018, 16h49
Binpush

Merci SpaceFrog pour les réponses à toutes mes questions.
J'ai mis en place les solutions proposées.

:plusser: