D�coupage de string

Version imprimable

D�coupage de string

Bonjour

Source de la page web :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <li class="recipe-ingredients__list__item"> <img class="ingredients-list__item__icon" src="https://image.jpg"><div>120 g de beurre </div> </li> <li class="recipe-ingredients__list__item"> <img class="ingredients-list__item__icon" src="https://image.afcdn.com/recipe/20170607/67505_w100h100c1cx350cy350.jpg"><div>4 oeufs </div> </li>
Si je fais ceci par ex :

Code:

$('.recipe-ingredients__list').children('.recipe-ingredients__list__item').text().toString().replace(/(\t\r\n|\n|\r|\t)/g, '');

Cela me sort un string du type :

Code:

"6 cuillère à soupe d'huile d'olive vierge extra1 yaourt nature bien égoutté2 cuillère à soupe de jus de citron 1 gousse d'ail pilé1 cuillère à café de sucre 1 cuillère à café d'origan frais haché1 cuillère à café de sel 1/2 cuillère à café de poivre 4 pain pita ronds1/2 laitue 1 oignon 1/2 concombre 1 tomate pas trop mûre1/2 poivron vert 150 g de feta 12 olives dénoyautés"

Pas tr�s propre, les chiffres sont coll�s au texte. Je souhaiterai donc juste prendre : concater avec avec un split pour s�parer la liste. Le but est d'avoir ce genre de r�sultat :

Citation:

6 cuill�re � soupe d'huile d'olive vierge extra
1 yaourt nature bien �goutt�
etc...

Des id�es ?

09/07/2018, 10h21
Marco46

C'est une question sur les expressions r�guli�res du coup, pas du tout sur node.js.

Je d�place en g�n�ral.

Bonjour,

pourquoi tout jeter dans le m�me sac, alors qu'on peut trier avant ? :roll:
Il suffit de cibler les bons �l�ments.

une solution :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(function() {
  let ingredient = []; // array
  let ii = 0;
  $(".recipe-ingredients__list .recipe-ingredients__list__item").each( // pour chaque item
    function() {
      ingredient[ii] = 
        ($(this).find('.recipe-ingredient-qt').text()
       + $(this).find('.ingredient').text()
        ).replace(/\s{2,}/g, ' '); // remplace les espaces multiples
      ii++;
    }
  );
 
  // affichage et mise en forme de la liste des ingrédients
//  let recette_list = ingredient.join("<br />"); // liste simple
  let recette_list = "<ul><li>" + ingredient.join("</li><li>") + "</li></ul>"; // liste à puces
  $("#recette").html(recette_list);
});

Code:

<div id="recette"></div>

@Marco46
Rien � voir avec les regex, donc ;)

09/07/2018, 11h19
Marco46

Oui je sais pas pourquoi j'ai parl� de regex, c'�tait trop t�t probablement :sleep:
09/07/2018, 11h21
Invit�

Non... ~~c'est~~ c'�tait (avant modif.) dans le titre ! :mouarf:

Mais jQuery fait bien le job, sans regex, donc.
10/07/2018, 14h06
Makinator

Merci @jreaux62