HOME>WEBプログラム覚書>[Javascript]文字列を1文字ごとタグで囲む

[Javascript]文字列を1文字ごとタグで囲む

[PHP]文字列を1文字ごとタグで囲む | WEBプログラム覚書のJavascript版。

javascript

  1. $(function(){
  2.     var str = 'ラズナー離脱で胃が痛い',
  3.         html = '',
  4.            i;
  5.     $('#result-jssplit').text(function(){
  6.         for (i=0; i<str.length; i++) {
  7.             html += '<span>' + str.charAt(i) + '</span>';
  8.         }
  9.         return html;
  10.     });
  11. });

html

  1. <div id="result-jssplit">
  2. </div>

実行結果

備考

上記Javascriptの文字へのアクセスは

javascript

  1. //html += '<span>' + str.charAt(i) + '</span>';
  2. html += '<span>' + str[i] + '</span>';

のように配列っぽく書くことができる場合がありますが、ECMAScript v3の標準ではないので、 互換性を考え避けたほうがよいと、David Flanagan さんがおっしゃっています。

投稿日 2012年5月10日 04:22
カテゴリ JavaScript
タグ サンプルコード | 関数
トラックバック URL http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1299

コメント

コメントする
Name
Email Address
URL
$(function(){ var str = 'ラズナー離脱で胃が痛い', html = '', i; $('#result-jssplit').text(function(){ for (i=0; i'; } return html; }); });