Discussion :

[keokaz]

Bonjour voici mon code:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div id="tmcategory-3">
<a>
    <span class="pull-xs-right  hidden-sm-down">
    <i class="material-icons left"></i>
    <i class="material-icons right"></i>
    </span><span class="pull-xs-right hidden-lg-up">
      <span data-target="#top_sub_menu_61277" data-toggle="collapse" class="navbar-toggler collapse-icons">
        <i class="material-icons add"></i><i class="material-icons remove"></i></span></span>Imprimantess ignalétiques Consommables
</a>
</div>

mon but est de récupérer uniquement le texte et ensuite couper le texte en 2 s'il est trop long par une balise <br/>

voici ce que j'ai tenté:

Code :

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

1
2
3
4
 
    $(document).ready(function() {
      var str = $('#tmcategory-3>a').html();
      console.log(str);

ce qui me donne

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
  <a>
    <span class="pull-xs-right  hidden-sm-down">
    <i class="material-icons left"></i>
    <i class="material-icons right"></i>
    </span>
    <span class="pull-xs-right hidden-lg-up">
      <span data-target="#top_sub_menu_61277" data-toggle="collapse" class="navbar-toggler collapse-icons">
        <i class="material-icons add"></i>
        <i class="material-icons remove"></i>
      </span>
    </span>Imprimantess ignalétiques Consommables
</a>

comment procéder pour avoir uniquement le texte et pas les autre balise html notamment ?

merci de vos aides

[Invité]

Bonjour,

à priori, je ne vois que des "icônes" (?) et le texte "Imprimantess ignalétiques Consommables".

Que veux-tu récupérer / couper ?

Question subsidiaire : et POURQUOI ?? *
(* le texte ne passe-t-il pas de lui-même à la ligne ?)

[keokaz]

Merci de ta réponse, oui ce sont des icônes

voici ce que je souhaite au final

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<span class="pull-xs-right  hidden-sm-down">
    <i class="material-icons left"></i>
    <i class="material-icons right"></i>
</span>
 
<span class="pull-xs-right hidden-lg-up">
    <span data-target="#top_sub_menu_3387" data-toggle="collapse" class="navbar-toggler collapse-icons">
    <i class="material-icons add"></i>
    <i class="material-icons remove"></i>
    </span>
</span>
    Imprimantes signalétiques<br/>
    Consommables

bien sur j' analyserais "Imprimantes signalétiques Consommables" par le nombre total de caractère.
je fais cela par manque de place catégorie dans un menu vertical trop longue de plus une fois que j'aurais "partager la ligne en 2 colonnes" après, je dois encore injecter des icônes avant le nom de la catégorie

[Invité]

"trop longue" par rapport à quoi ?

Le texte dépasse de son conteneur <div id="tmcategory-3"> ??

[keokaz]

C'est un menu sur prestashop, le menu est bien fait et résponsive, dès qu'il n'y a plus de place chaque mot passe en dessous si la taille de la longueur de la catégorie diminue.
Mais le problème c'est qu'on me demande que chaque nom de caractère s'll est trop long et même pas assez de les mettre en 2 lignes.
De plus en injectant une icône supplémentaire cela réduit l'espace d'affichage de texte de la catégorie.
ci-dessous on voit que le chevron du texte suivant est dépassé

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
  $(document).ready(function(){
    var title = $('#tmcategory-3>a').html();
 
    console.log(title);
 
 
     $('#tmcategory-3>a').prepend('<img  src="http://blablalb/test.png" />')
          $('#tmcategory-3>a').wrap('<div class="icon_p"></div');
 
 
  });

[Invité]

Normalement, ça peut se résoudre TRES simplement en CSS pur !
Un simple padding-right devrait suffire.


Si tu donnes l'URL en ligne, je pourrais en dire plus.