[解決済み] jQueryでテキストを取り込むとき、空白を取り除くにはどうしたらいいですか?
2022-04-20 19:06:43
質問
jQueryを使ってmailto:アンカーでメールアドレスを囲みたいのですが、CMSが生成するホワイトスペースも掴んでしまいます。
以下は、私が作業しなければならないHTML、私が作成したスクリプト、および出力のコピーです。
HTML
<div class="field field-type-text field-field-email">
<div class="field-item">
[email protected] </div>
</div>
jQuery JavaScript
$(document).ready(function(){
$('div.field-field-email .field-item').each(function(){
var emailAdd = $(this).text();
$(this).wrapInner('<a href="mailto:' + emailAdd + '"></a>');
});
});
生成されたHTML
<div class="field field-type-text field-field-email">
<div class="field-items"><a href="mailto:%0A%20%20%20%[email protected]%20%20%20%20">
[email protected] </a></div>
</div>
この質問を読んでいる他の人は、先頭と末尾の空白を取り除くことを望むかもしれませんが、私がラップしているのが電子メールアドレスであることを考えると、空白をすべて失うことは非常に喜ばしいことです。
どのように解決するのですか?
を使用します。
replace
関数をjsで使用します。
var emailAdd = $(this).text().replace(/ /g,'');
これですべてのスペースが削除されます
先頭と末尾の空白を削除したい場合 のみ jQuery の $.trim メソッドを使用してください。
var emailAdd = $.trim($(this).text());
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQuery 複数のイベントで同じ関数を起動する
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] javascriptで文字列内の空白を削除する
-
[解決済み] jQueryのSELECT要素で特定のオプションを選択するにはどうすればよいですか?
-
[解決済み] jQuery hasAttrで要素に属性があるかどうかをチェックする【重複あり
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] jQueryでチェックボックスの値を取得する
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryを使用してテキストボックスの値を取得するには?
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQuery .onとhoverの使い分けは可能ですか?
-
[解決済み】フォームのhiddenフィールドにjQueryの".val() "を使って値を設定してもうまくいかない。