Comment supprimer les espaces d’une chaîne de caractères avec jQuery

Vous pouvez utiliser la fonction $.trim() de jQuery pour supprimer tous les espaces (y compris les espaces incassables), les nouvelles lignes et les tabulations au début/à la fin d’une chaîne spécifiée. Pourtant, les espaces au milieu de la chaîne sont préservés. L’exemple suivant vous montrera comment supprimer les espaces blancs au début/à la fin d’une chaîne de caractères.
 
 

Code Source :
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Supprimer les espaces d'une chaîne de caractères</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var str = $(".original").text();
var cut = $.trim(str);
$(".cut").html(cut);
});
</script>
</head>
<body>
<div>
<h5>Chaîne d'origine :</h5>
<pre class="original"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </pre>
<br>
<br>
<h5>Chaîne sans espace :</h5>
<pre class="cut"></pre>
</div>
</body>
</html>
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Supprimer les espaces d'une chaîne de caractères</title> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var str = $(".original").text(); var cut = $.trim(str); $(".cut").html(cut); }); </script> </head> <body> <div> <h5>Chaîne d'origine :</h5> <pre class="original"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </pre> <br> <br> <h5>Chaîne sans espace :</h5> <pre class="cut"></pre> </div> </body> </html>
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<title>Supprimer les espaces d'une chaîne de caractères</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				var str = $(".original").text();
				var cut = $.trim(str);
				$(".cut").html(cut);
			});
		</script>
	</head>
	<body>
		<div>
			<h5>Chaîne d'origine :</h5>
			<pre class="original">      Lorem ipsum dolor sit amet, consectetur adipiscing elit.       </pre>
			<br>
			<br>
			<h5>Chaîne sans espace :</h5>
			<pre class="cut"></pre>
		</div>
	</body>
</html>
Résultat
Supprimer les espaces d'une chaîne de caractères
Chaîne d'origine :
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.       


Chaîne sans espace :
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
QCM jQuery

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *