jQuery APIリファレンスユーティリティ:文字列操作
- jQuery.trim(str)〔文字列の先頭と末尾から空白を削除〕
jQuery.trim(str)
文字列の先頭と末尾から空白を削除
2009/2/27
jQuery.trim(str) 戻り値:文字列
正規表現を使用して、指定した文字列の先頭と末尾にある空白を除去(トリム)します。
文字列内の空白は削除されません。
第1引数strには、トリムする文字列を指定します。

$.trimの使用例サンプルを見る
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ja" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<title>配列とオブジェクト操作:$.trimの使用例 | jQuery</title>
<link rel="stylesheet" type="text/css" href="/content/lib/global.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
var str=$("#before").text();
str=$.trim(str)
$("#after").text(str);
});
});
</script>
<style type="text/css">
span { background-color:yellow; }
</style>
</head>
<body>
<div id="wrap">
<h1>配列とオブジェクト操作:$.trimの使用例 | jQuery</h1>
<p>▼文字列の先頭と末尾から空白を取り除きます。</p>
<!-- CODE -->
<p>"<span id="before"> いくつかの半角・全角スペースがあります。 文字列内の空白は削除されません。 文字列の前後にある空白のみ削除されます。 </span>"</p>
<p><button>» 空白除去 »</button></p>
<p>"<span id="after"></span>"</p>
<!-- / CODE -->
</div>
</body>
</html>