【jQuery】文字列に文字列を追加する方法

jQueryで文字列に文字列を追加する方法の紹介です。
HTML内のテキストにjQueryで文字列を追加することってたまにあります。
そんな時に使えるのがコチラの方法です。それではデモを！ボタンを押すと文字を追加する感じにしました。

デモ

こちらの文字の最後に文字列を

追加します！

jQuery

// 「こちらの文字の最後に...」を変数「text」に入れます。
var text = $(".demo p").text();

// 変数「text」に「追加します！」を追加しHTMLに表示します。
$(".btn").on("click", function() {
  text += "追加します！";
  $(".demo p").text(text);
});

jQueryの説明をします。
まずは、HTMLの文字列を変数「text」に格納します。
「$(“.btn”)」を押したら、「text」に「追加します！」の文字列を追加します。
文字列を追加した変数「text」をHTMLに返して終りです。

ボタンを連打すると「追加します！」「追加します！」になって、文字列に文字列が追加されているのがわかりますね！
以上！