如何用jQuery删除字符串中的空格

在这篇文章中，我们将看到如何使用jQuery删除字符串中的空格。为了去除空格，我们将使用trim()方法。trim()方法是用来去除字符串开头和结尾的空格的。

语法:

jQuery.trim( str )

参数：该方法接受一个要修剪的单一参数字符串。

在这种情况下，我们在<pre>标签中写下含有空格的字符串<pre>，然后应用trim()方法从开始和结束位置去除所有空格。在去除空格后，我们使用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>

输出:

如何用jQuery删除字符串中的空格？