Bonjour,

Je bloque sur un sélecteur assez difficile.

Je veux sélectionner tous les mots "false" qui se trouvent dans les <td> d'un tableau pour ensuite les entourer de span puis ajouter une class à ce span.

J'ai bien évidemment essayé, j'arrive à obtenir le <td> dans lequel il y a le mot "false".

$('.summary').find('td:contains("false")').addClass('false');

Je sais que pour englober il faut faire un .wrap() et ensuite lui faire un addClass().
Seulement je n'arrive pas à sélectionner chaque "false".



Exemple :
<td>valeur : false</td>
doit donner
<td>valeur : <span class="false">false</span></td>

Merci par avance.

Perso, j'aurais plutôt fait quelque chose comme ça :

$('.summary td:contains("false")').html(function(i,html) {
  var index = html.indexOf('false');
  return html.substring(0,index)+'<span class="false">false</span>'+html.substring(index+5);
});

Merci mais je n'ai pas vraiment le résultat escompté.

Il y a un élément que j'ai oublié d'ajouter dans mon premier post, dans un <td> il peut y avoir plusieurs fois le mot "false".

Donc ton code m'ajoute bien la class seulement sur le premier "false" du <td> parcouru.
En plus de ça j'aimerais que tu m'expliques ton futur code stp.

Bon bah du coup comme ça c'est encore plus simple :

$('.summary td:contains("false")').html(function(i,html) {
  return html.replace(/\bfalse\b/g,'<span class="false">false</span>');
});

Pour comprendre le code, ne suffit-il pas que tu ailles lire la doc de jQuery concernant la fonction html() ?

Oui c'est ça. N'y aurait-il pas une autre méthode autre que les regex ? Avec les fonctions données dans le titre de mon sujet ?

Encore merci...

Bah je n'ai pas l'impression que tu puisses aisément créer des noeuds de texte avec jQuery... donc je pense que la regexp, c'est plus simple.

Ok merci. J'en profite au lieu de créer un autre sujet. Avec les regexp comment sélectionner tous les nombres et leur appliquer une classe ? Un truc genre [0-9]...

Ouais, un truc comme ça.

$('.summary td').html(function(i,html) {
	return html.replace(/\d+/,'<span class="int">1</span>');
});

Je n'y arrive pas, j'ai mis "1" dans le span car je ne sais comment récupérer la valeur qui a été remplacée. De plus cette regexp ne prend pas les 0. Je te remercie.

Il serait temps d'apprendre à utiliser la fonction replace(), non ?

$('.summary td').html(function(i,html) {
	return html.replace(/(\d+)/g,'<span class="int">$1</span>');
});

\d prend parfaitement en compte les 0.

Merci. Les Regexp sont ma bête noire...

Allons, un peu d'entraînement et elles deviendront tes meilleures amies.