En este artículo, veremos cómo eliminar los espacios en blanco de una string usando jQuery. Para eliminar los espacios en blanco, usaremos el método trim(). El método trim() se usa para eliminar los espacios en blanco al principio y al final de una string.
Sintaxis:
jQuery.trim( str )
Parámetros: este método acepta una sola string de parámetros que se va a recortar.
En este caso, escribimos una string que contiene espacios en blanco en la etiqueta <pre> y luego aplicamos el método trim() para eliminar todos los espacios en blanco de la posición inicial y final. Después de eliminar los espacios en blanco, usamos el método html() para mostrar la string recortada.
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to remove white space from
a string using jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("h1").css("color", "green");
$("button").click(function () {
$(".str").html("String without whitespaces");
var str = $(".string").text();
var trimStr = $.trim(str);
$(".res-string").html(trimStr);
})
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to remove white space from
a string using jQuery?
</h3>
<h4>String containing white spaces</h4>
<pre class="string"> GeeksforGeeks </pre>
<button>Trim String</button>
<h4 class="str"></h4>
<pre class="res-string"></pre>
</body>
</html>
Producción:
