jQueryのアラート内でテキストを改行する方法のご紹介です。
デモ
アラートボタン
jQuery
alert("HTMLの改行タグ<br>は\nそのままテキストで表示されます。");
HTMLだと「<br>」で改行することができるけど、alert()内ではそのままのコードで出てきちゃうから気を付けてね!
アラートは「console.log()」同様に確認時によく使います。
また、確認時よく値を入れてアラートしたりするので、配列に値を入れてアラートさせてみよう!
配列の値を改行させつつアラートさせてみよう!
配列に、好きな駄菓子を入れて改行コードを入れつつ整理してアラート表示してみます。
デモ
駄菓子の配列アラートボタン
jQuery
var dagasi = ["蒲焼さん太郎", "焼肉さん太郎", "のし梅さん太郎", "酢だこさん太郎", "もろこし輪太郎", "キャベツ太郎", "玉葱さん太郎"]; var alertTxt = ""; for(var i = 0;i jQueryの説明をします。
「for」文で「dagasi」の配列を回して、「dagasi」のテキストと一緒に改行コード「\n」を変数「alertTxt」に格納していきます。
「.demo」ボタンを押したら「alertTxt」がアラートし改行した配列が表示されます。
この様に改行コード「\n」を使ってデータを整理して表示したりできます。
以上でした!
コメント