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 :
<!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 |
---|
Chaîne d'origine :Lorem ipsum dolor sit amet, consectetur adipiscing elit. Chaîne sans espace :Lorem ipsum dolor sit amet, consectetur adipiscing elit. |