jQueryを使って同一クラスの複数要素に対し、同じ処理を実行したい

Question

前提・実現したいこと

【前提】
プログラミング初心者です。
見よう見真似でやっているところです。
先輩方から学びたく、質問します。

【実現したいこと】
htmlの複数のclass要素に対して、jsで作った処理を繰り返し実行させたいです。
現状、一番初めの処理しか実行されておらず、同じ結果が複数表示されています。
data-numberからそれぞれの情報を抜き出して、これを別々の結果として表示したいです

該当のソースコード

<div class="a" data-number="1">
  <section class="hoge"></section>
</div>

<div class="a" data-number="2">
  <section class="hoge"></section>
</div>

jQuery(function($){
  const $a_wrap = $(".a");
  const $fuga = $(".hoge");

  //取得するところ
  $a_wrap.data('number')
  //numberの情報を取得してプログラムを実行した後で出力するところ
・・・

ここまではわかったのですが、、、

1つめのhogeにはdata-number="1"で処理したものを。
2つめのhogeにはdata-number="2"で処理したものを出力したいです。

ご教示いただけますと幸いです。

Comments

[yambejp]

「処理したものを出力」とは、結局何を出力するのですか？

[m.ts10806]

個人的には「個人の事情」や「挨拶」はいいからしっかり質問内容を充実させてもらいたいものです。

[fkdy]

追記しました！
ご教示いただけますと幸いです！

[x_x]

「Google API」タグをつけたほうがいいかもしれません。

[fkdy]

つけます！ありがとうございます！

Answer 1

ちょっと説明が足りない気がしますが、こういうことですか？

<script>
$(function(){
  $(".a").each(function(){
    $(this).find('.hoge').text($(this).data('number'));
  });
});
</script>

<div class="a" data-number="1">
  <section class="hoge"></section>
</div>

<div class="a" data-number="2">
  <section class="hoge"></section>
</div>

Comments

[fkdy]

ご回答ありがとうございます。

```
placeId: $(".js_review_wrap").each(function(){$(this).data('place-id')})
```
yamabeさんのアドバイスを受けて、上記に変えてみましたがうまくいきませんでした。。。
繰り返し処理が1回しか回っていないのでしょうか。
それとも、場所の配列に入れてから.eachするのでしょうか。
ご教示いただけますと幸いです。

[x_x]

fkdy さん
.each() に渡す function 内で処理するということであって、placeId の値にするというわけではないでしょう。

[fkdy]

なるほど。。。
それぞれのIDを渡すにはどういう記述が必要になるんでしょうか・・・

Answer 2

$(".a").each(function(){
  var placeId = $(this).data('number');
	
  // やりたい処理をこの間でやる

  $(this).children(".hoge").text(処理結果);
})

という感じでしょうか