jQueryで同一クラスの値を取得、変更してその場所に返したい。

Question

##　状況
商品一覧ページにある価格をｊQueryを使って、各為替の価格にざっくり変更できる機能を作っています。
以下の流れで考えているのですが、

1,ユーザーが希望通貨のボタンを押す（ボタンのクラス.switch .aud）
2,jQueryで基本通貨の価格を取得(h2 .es-priceの要素に為替記号、コンマ付きの状態で1ページに10個あリます)
3,為替記号やコンマ等を外す。
4,為替APIから各レートを取って、その数値を掛けて値を戻す。

下記のコードを書いたのですが、このコードだと4の段階でページ内にある10個の金額が同じ金額になってしまい、
困っています。（全ての商品が1番最後の商品の価格に0.7掛けた金額に変更されてしまいます。）

##質問
・.text()で取得した値を変更した後に元の場所に順番通り戻す事は可能でしょうか？

##コード

           
    <div class="wrapper">
　　　　　　<div class="row-view">
                <h2>
                    <a href="https://sample.com/properties/house/">house1</a>
                    <span class="es-price">￥ 2,500,000</span>
                </h2>
　　　　　　　　　<p>紹介文</p>
            </div>

　　　　　　.... １ページに10件の情報

           <div class="row-view">
                <h2>
                    <a href="https://sample.com/properties/house/">house1</a>
                    <span class="es-price">￥ 2,500,000</span>
                </h2>
　　　　　　　　　<p>紹介文</p>
            </div>
       </div>

		jQuery(function($){
			$('h2 .es-price').each(function() {
				var basecur = $(this).text();
				basecur = basecur.replace("￥","");
				basecur = Number(basecur.replace(/,/g, '') );
				basecur = Math.round(basecur);
			if(jQuery('.switch .aud').on('click', function(){
	    		var basecuraud = basecur * 0.7;
				var length = jQuery('h2 .es-price').length;
				for( var i=0; i<length; i++) {	    							
					jQuery('h2 .es-price').eq(i).text(basecuraud);
				}	
		    }));
　　　　　　});

Comments

[kei344]

HTMLも質問文に追記してください。

[Masanz]

コメントありがとうございます。
HTMLコードを追加させて頂きました。

Answer 1

onclick内で処理を記載します

<script>
$(function(){
  if($('.switch .aud').on('click', function(){
    $('h2 .es-price').each(function() {
      var basecur = $(this).text();
      basecur = basecur.replace("￥","");
      basecur = parseFloat(basecur.replace(/,/g, '') );
      basecur = Math.round(basecur);
      basecuraud = basecur * 0.125;
      $(this).text(basecuraud);
    });
  }));
});
</script>

<div class="wrapper">
<div class="row-view">
<h2>
<a href="https://exsample.com/properties/house/">house1</a>
<span class="es-price">￥ 2,500,000</span>
</h2>
<p>紹介文</p>
</div>
<hr>
<div class="row-view">
<h2>
<a href="https://exsample.com/properties/house/">house2</a>
<span class="es-price">￥ 3,000,000</span>
</h2>
<p>紹介文</p>
</div>
</div>
<div class="switch">
<span class="aud">jpy/aud</span>
</div>

Comments

[Masanz]

ありがとうございます！頂いたコードであっさりできました！