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

jQuery 文字列に文字列を追加する方法
この記事は約1分で読めます。
広告
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に返して終りです。

ボタンを連打すると「追加します!」「追加します!」になって、文字列に文字列が追加されているのがわかりますね!
以上!
エンデ・バタローをフォローする
javascriptjQuery

東京に住み始めて7年目。

前は神戸に。その前は名古屋に住んでいました。

ある年の冬、車で島根県へ旅行に出かけました。
同県の山中にある寒村をゆるゆると走っていると地面が凍結しており
車ごと川に滑り落ちそうになった経験を持つ30代(男)です。

フロントエンドを始めて7年目になります。
エディタはAtomからVSCodeに乗り換え、日々の業務でイラレとフォトショ、HTMLとCSSとjavascriptとphpを使用してます。
仕事をしていて、検索する手間を省くためフロント技術ブログを書いています。

エンデ・バタローをフォローする
広告
初めてのブログ

コメント

タイトルとURLをコピーしました