Récupérer les données avec match ou replace ?

Version imprimable

j'ai les données de ce genre et j'aimerais récupérer toutes les données entre <a href='https:zzl' title='zz' class='lien_menu'>PA3634U-1BAS</a>
c'est à dire PA3634U-1BAS,PA3634U-1zz,PA3635U-1rrr ect...
voici la forme de donnée
Code:

1 2 3 4 <div class="ref"> <h2 id='rrrru :</h2> <p> <a href='https://www.zz-pa3634u-1bas.html' title='PA3634U-1BAS' class='lien_menu'>PA3634U-1BAS</a> - <a href='https://www.zz-pa3634u-1brs.html' title='PA3634U-1BRS' class='lien_menu'>PA3634U-1zz</a> - <a href='https://www.zz-pa3635u-1bam.html' title='PA3635U-1BAM' class='lien_menu'>PA3635U-1rrr</a> - <a href='https://www.zz-pa3635u-1brm.html' title='PA3635U-1BRM' class='lien_menu'>PA3635U-1BRM</a> - <a href='https://www.zz-pa3636u-1brl.html' title='PA3636U-1BRL' class='lien_menu'>PA3636U-1BRL</a> </div>
voici mon début de code avec match.
j'aimerais trouver la solution la plus simple soit match soit replace
mais je ne sais pas par ou commencer
merci pour votre aide

Code:

txt_rech='<a href=(.+?)>(.+?)<\/a>';txt_rech= new RegExp(txt_rech, 'ig');var match=line.match(txt_rech);

:salut:

Il y a des erreurs dans votre code HTML.

Exemple utilisant la récupération des textes dans un Array :

Code:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<!-- cache-control avec max-age=60 pour le développement uniquement -->
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta name="author" content="Daniel Hagnoul">
  <title>test</title>
  <style>
    * {
      box-sizing: border-box;
    }
 
                /* code du test */
                
                
                /* fin code du test */
                
  </style>
  <script>
    'use strict';
                
                
    document.addEventListener( "DOMContentLoaded", ev => {
                        
      // code du test
                        
                        
                        // fin code du test
      
    }, false );
    
    window.addEventListener( "load", ev => {
                        
                        // code du test
                        
                        let liens = [];
                        
                        for ( const lien of Array.from( document.querySelectorAll( "a.lien_menu" ) ) ){
                                liens.push( ( lien.textContent ).trim() );
                        }
                        
                        console.log( liens.join( ", " ) );
 
 
                        // fin code du test
                        
    }, false );
  </script>
</head>
<body>
	<main>
 
<div class="ref">
	<h2 id="rrrru">Titre ?</h2>
	<p>
		<a href='https://www.zz-pa3634u-1bas.html'
			 title='PA3634U-1BAS'
			 class='lien_menu'>
			PA3634U-1BAS
		</a> -
		<a href='https://www.zz-pa3634u-1brs.html'
			 title='PA3634U-1BRS'
			 class='lien_menu'>
			PA3634U-1zz
		</a> -
		<a href='https://www.zz-pa3635u-1bam.html'
			 title='PA3635U-1BAM'
			 class='lien_menu'>
			PA3635U-1rrr
		</a> -
		<a href='https://www.zz-pa3635u-1brm.html'
			 title='PA3635U-1BRM'
			 class='lien_menu'>
			PA3635U-1BRM
		</a> -
		<a href='https://www.zz-pa3636u-1brl.html'
			 title='PA3636U-1BRL'
			 class='lien_menu'>
			PA3636U-1BRL
		</a>
	</p>
</div>
 
	</main>
</body>
</html>

04/08/2017, 11h58
bigs3232

merci danielhagnoul mais je préfere la solution avec des expressions régulières match ou replace en jquery

j'ai du faire un code assez lourd avec 2 boucles .
franchment pas top.si vous avez une autre idée
merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
	txt_rech='<div class="ref">([^]+?)<\/div>';txt_rech= new RegExp(txt_rech, 'ig');var match=txt_bloc.match(txt_rech);
	if (match) {$.each(match,function (key,line) {
	   //line=line.replace(/<a href=[^>]+>([^]+?)<\/a>/g,"$1|")
	   //line=line.replace(/<a href=(.+?)>(.+?)<\/a>/g,"$2|")
	   txt_rech='<a href=(.+?)>(.+?)<\/a>';txt_rech= new RegExp(txt_rech, 'ig');var match1=line.match(txt_rech);
	   if (match1) {$.each(match1,function (key,line1) {
 
		  li_v +=line1.replace(/<a href=(.+?)>(.+?)<\/a>/g,"$2|")   })
	   }
		li_v +="\n";		
	});	
	}

Il me semble que tu te casses la tètes étant donnée que toutes les infos sont dans des liens ayant la même classe il semble juste nécessaire de récupérer le texte contenu dans la les liens ayant cette classe

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="ref">
<h2 id='rrrru :'></h2>
 
<p>
<a href='https://www.zz-pa3634u-1bas.html' title='PA3634U-1BAS' class='lien_menu'>PA3634U-1BAS</a> - 
<a href='https://www.zz-pa3634u-1brs.html' title='PA3634U-1BRS' class='lien_menu'>PA3634U-1zz</a>  -  
<a href='https://www.zz-pa3635u-1bam.html' title='PA3635U-1BAM' class='lien_menu'>PA3635U-1rrr</a>  -  
<a href='https://www.zz-pa3635u-1brm.html' title='PA3635U-1BRM' class='lien_menu'>PA3635U-1BRM</a>  -  
<a href='https://www.zz-pa3636u-1brl.html' title='PA3636U-1BRL' class='lien_menu'>PA3636U-1BRL</a>
</div>
 
<script>
var tableau = []
   
var lien =document.getElementsByClassName("lien_menu")
for(var i=0;i<lien.length; i++){
    tableau.push(lien[i].textContent)
}
 
console.log(tableau)
</script>

05/08/2017, 12h21
bigs3232

oui c'est vrai .c'est une bonne idée
05/08/2017, 21h29
danielhagnoul

Citation:

Envoyé par bigs3232

oui c'est vrai .c'est une bonne idée

:mouarf:

Quelle perte de temps et d'énergie pour en revenir à mes deux lignes de codes.
05/08/2017, 21h39
nicdodo

Haha désolé Daniel j'avais pas vu ton premier POST ;)
06/08/2017, 11h39
bigs3232

votre code est trop compliqué pour moi.j'ai pas trop compris c'est pour çà

Citation:

Envoyé par danielhagnoul

:mouarf:

Quelle perte de temps et d'énergie pour en revenir à mes deux lignes de codes.
06/08/2017, 11h42
bigs3232

ceci dit j'aimerais quand meme trouver une solution avec une expression régulière car je suis confronté souvent à ce genre de problème
et je suis obligé de passer par match .
06/08/2017, 11h59
danielhagnoul

Citation:

Envoyé par bigs3232

votre code est trop compliqué pour moi.j'ai pas trop compris c'est pour çà

Compliqué ? C'est le JS d'aujourd'hui et c'est un code plutôt simpliste. Personne ne pourra apprendre ES2015 à votre place.

Compliqué ? Si vous devez utiliser et comprendre sa conversion en ES5 (voir le nota bene dans ma signature), alors oui c'est compliqué. Voir : http://babeljs.io/repl/#?babili=fals...layground=true

Citation:

Envoyé par bigs3232

ceci dit j'aimerais quand meme trouver une solution avec une expression régulière car je suis confronté souvent à ce genre de problème
et je suis obligé de passer par match .

C'est les vacances, il faudra attendre le passage de SpaceFrog ou d'un autre expert de la regex et espérer qu'il ait du temps à perdre sur ce sujet.
06/08/2017, 12h18
bigs3232

oui c'est vrai SpaceFrog serait notre sauveur pour les regex mais qu'il prenne ses vacances tranquille
mais merci quand meme danielhagnoul pour votre contribution .le code de dodo est tres simple . et je comprends parfaitement

T’inquiète pour l'ECMA6 tu as le temps, pas besoin de précipiter les choses. Si tu veux mon avis répondre à un post comme ça en ECMA6 c'est comme répondre quelqu'un qui demande comment on fait une addition en lui apprenant les tables de multiplication. Alors oui l'ECMA6 est le nouveau standart et oui il faudra l'apprendre mais ça ne sert à strictement rien si tu n'utilises pas node ou angular2 ou des compilateurs du coup tout ce que ça fait c'est rendre un code simple compliqué et illisible. Ça ne remet pas en cause ce que dit Daniel, il a raison mais je pense qu'un code doit avant tout être bien indenté, lisible, compréhensible avec des variables claires et bien définies. Les questions syntaxiques de let ou de var viennent après.

Pour ce qui est de ton problème, tu réfléchis à coté si tu veux mon avis. En javascript si tu veux faire un parseur il faut plutôt se poser la question de où se trouve la donnée plutôt que du format de la donnée. Le regex est un comparateur de format il va permettre de valider un formulaire par exemple : format de num de telephone, @ dans le mail etc... et autre pour des cas plus complexe(mais ce n'est pas le sujet)
Pour ce que tu veux faire il faut plutôt raisonner en parent enfant. Je te montre un exemple simple

Je veux récupérer tous les noms d'animaux:
Code:

1 2 3 4 5 <div id= "animaux"> <div class = "mamifere">Lion</div><br/> <div class = "molusque">Escargot</div><br/> <div class = "crustace">crabe</div> </div>
Bon du coup on voit bien qu'une regex ne sert à rien dans ce cas la donc on va chercher les occurrences et les points communs.
Donc on va chercher ou se trouve les données.
On voit qu'elles sont toutes des enfants de la div id = "animaux">. Çà sera donc notre point de départ.

On va donc tester(1er etape).
On se rend compte que les <br/> sont considérés comme des enfants, on les supprime donc (2em etape).
Enfin on ne veut pas des molusques (3em etape)
Code:

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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 <body> <div id="animaux"> <div class = "mamifere">Lion</div><br/> <div class = "molusque">Escargot</div><br/> <div class = "crustace">crabe</div> </div> <script> var animaux = document.getElementById("animaux") var tableau = [] // 1er etape // On recupere tous les enfants de animaux dans un tableau for(var i=0; i < animaux.children.length; i++){ tableau.push(animaux.children[i].textContent) } // tableau = ["Lion", "", "Escargot", "", "crabe"] // 2em etape // On récupere tous les enfants de animaux sauf les enfants qui ne contiennent pas de texte for(var i=0; i < animaux.children.length; i++){ if (animaux.children[i].textContent != ""){ tableau.push(animaux.children[i].textContent) } } // tableau = ["Lion", "Escargot", "crabe"] // 3em etape // On récupère tous les enfants de animaux sauf ceux qui ne contiennent pas de texte et qui ne sont pas des molusques for(var i=0; i < animaux.children.length; i++){ if (animaux.children[i].textContent != ""){ if (animaux.children[i].className != "molusque"){ tableau.push(animaux.children[i].textContent) } } } // tableau = ["Lion", "crabe"] </script> </body>
Voila je te conseil plus de raisonner comme ça en JS. J'ai franchement complexifié un exemple très simple mais c'est pour vraiment montrer les étapes d'un parseur et le cheminement de pensé.

06/08/2017, 15h39
bigs3232

je connais pas du tout ECMA6 et angular2 .bon ben va falloir s'y mettre
06/08/2017, 23h39
danielhagnoul

Citation:

Envoyé par nicdodo

T’inquiète pour l'ECMA6 tu as le temps, pas besoin de précipiter les choses. Si tu veux mon avis répondre à un post comme ça en ECMA6 c'est comme répondre quelqu'un qui demande comment on fait une addition en lui apprenant les tables de multiplication. Alors oui l'ECMA6 est le nouveau standart et oui il faudra l'apprendre mais ça ne sert à strictement rien si tu n'utilises pas node ou angular2 ou des compilateurs du coup tout ce que ça fait c'est rendre un code simple compliqué et illisible. [...]

On ne va pas entamer une polémique, mais je ne suis pas d'accord, car ES2015 date tout de même de 2015 ! Deux ans plus tard, c'est ES2017 qui vient de sortir et on a annoncé les nouveautés de ES2018. Je pense que trouver un emploi sans rien connaître au JS ES2015 va rapidement devenir une mission impossible.

Je travaille avec les navigateurs non obsolètes (Chrome, Firefox et Edge) pour des intranets sur serveur PHP. Pour moi, un navigateur est obsolète lorsqu'il n'est pas mis à jour très régulièrement. Par rapport à Chrome, Edge est un "veau", mais il est compatible ES2015 à 96 % (https://kangax.github.io/compat-table/es6/).

Pour l'archéo informatique (IE), Babel permet de convertir les codes ES2015 en ES5.

Conclusion, nodejs ou pas, il n'y a aucune raison de ne pas travailler en ES2015 (que certain appelle encore ES6) aujourd'hui.
08/08/2017, 10h02
NoSmoking

Bonjour,

Citation:

Envoyé par danielhagnoul

Je travaille avec les navigateurs non obsolètes (Chrome, Firefox et Edge) ...

GRAND veinard :mrgreen:
08/08/2017, 11h53
danielhagnoul

Citation:

Envoyé par NoSmoking

Bonjour,GRAND veinard :mrgreen:

Ne sois pas jaloux, c'est un privilège réservé au grand âge ! :ptdr: