En fait on ne va pas utiliser de regex comme annoncé dans le titre, car la méthode trim() de jQuery fait le boulot attendu de supprimer tous les espaces au début et à la fin d’une chaîne de caractères.
Le code ci-dessous vérifie si il y a au moins un tooltip dans la page. Si « oui », il récupère le contenu de chaque tooltip présent, retire les espaces blancs (white spaces) au début et à la fin de la chaîne de caractères récupérée, compte le nombre de caractères restant et attribue une largeur fixe en pixels au tooltip en fonction de la formule nombre de caractères * 2.25.
|
1 2 3 4 5 6 7 8 9 10 |
// Set tooltip dynamic width regarding its content if ( $('.field-tooltip-content').length ) { $('.field-tooltip-content').each(function(){ let $_THIS = $(this), TOOLTIP_CONTENT = $_THIS.html(), TOOLTIP_CHARACTER_COUNT = $.trim(TOOLTIP_CONTENT).length; $_THIS.css('width', TOOLTIP_CHARACTER_COUNT *2.25 + 'px'); }); } |