特定の文字列を置換するjQuery

f:id:sntkk3:20180102230712p:plain
今日は、画面サイズによって文字列を置換する jQueryを作成しました。

[ 作成理由 ]
モバイルデバイス表示時のレイアウト切り替えに伴い、
表示テキストを変更したかったため。

特定の文字列を置換するjQuery

仕様

画面サイズが1,024 px 以下の時、
actionクラスの「See more」テキストを「モバイル時テキスト」に置換します。

コード

$(function(){ 
  $('.action').each(function(){ 
    var w = $(window).width(); 
    var x = 1024; 
    var txt = $(this).text(); 
    alert($('.action').html()); 
    if (w <= x) { 
      var txt = $(this).text(); 
      alert($('.action').html()); 
     $(this).text( 
     txt.replace(/See more/g,"モバイル時テキスト") 
     ); 
    } 
   }); 
  }); 
});