jQueryで変数に代入する文字列を改行して記述するサンプルコード

2023-07-07

以下は、改行して記述する方法によるjQueryのサンプルコードです。

var myString = "これは\n改行された\n文字列です。";

上記のコードでは、変数 myString に改行を含む文字列を代入しています。改行は \n というエスケープシーケンスを使用して表現されます。

もしHTML要素に改行を反映させる場合は、代わりに<br>タグを使用する必要があります。以下にサンプルコードを示します。

var myString = "これは<br>改行された<br>文字列です。";

このようにすると、HTML要素内で改行が反映されます。

バッククォートを使って改行を記述するサンプルコード

バッククォート（`）を使った改行を含む文字列の記述は、テンプレートリテラルとして知られています。以下は、バッククォートを使用して改行を記述するjQueryのサンプルコードです。

var myString = `これは
改行された
文字列です。`;

上記のコードでは、バッククォートで囲まれた部分で改行を含む文字列を作成しています。この方法では、改行を直接文字列に含めることができます。

もしHTML要素に改行を反映させる場合は、代わりに<br>タグを使用する必要があります。以下にサンプルコードを示します。

var myString = `これは<br>
改行された<br>
文字列です。`;

このようにすると、HTML要素内で改行が反映されます。