回答編集履歴

- そやねー。

-

-

-

-

- ゆうてはるけど、こういう場合のひとつの考え方ゆうんか、やり方として

-

-

-

- - 同じ親子構造のHTMLのかたまりがあって、その各かたまりの親(または最も注目したい）要素に `id` 属性がついている場合に、すべての固まりについて同じ処理を `each` とか使ってやりたい場合に、まず作業として `id` を取ってしまって、その替わりに同じ `class` 属性を持たせてみて、そこから考える。

-

-

-

- ゆうんが、ワテ的にあんねんな。これでいくと、質問のHTMLの場合

-

-

-

- ```html

-

- <div id="name">

-

- ・・・

-

- </div>

-

-

-

- <div id="birthday">

-

- ・・・

-

- </div>

-

-

-

- <div id="address">

-

- ・・・

-

- </div>

-

- ```

-

- という３つのかたまりがあるわけやが、これらの `id` 属性を取ってしまって（まあ、取ってしまわんでもいいけども）、替わりに ３つとも同じクラス属性、たとえば `class="form-input"` を追加して

-

-

-

- ```html

-

- <div class="form-input">

-

- ・・・

-

- </div>

-

-

-

- <div class="form-input">

-

- ・・・

-

- </div>

-

-

-

- <div class="form-input">

-

- ・・・

-

- </div>

-

- ```

-

-

-

- にするやんか。そうすると `each` 使って

-

-

-

- ```javascript

-

- $('.form-input').each(function() {

-

- // TODO: ここを実装

-

- }

-

- ```

-

-

-

- まではすぐ書けるやん。ほんで、`// TODO: ここを実装` んとこぼちぼち書いてったらええねん。

-

- `function()` の中では各`div` は `$(this)` で取れるし、あと、元のコードの隣接セレクタ使うてる`$('#birthday + .error')` んとこどないするか悩んでるみたいやけど、「JQuery で隣接する要素とか、兄弟要素とか取ってくるの何使うたらええやろ？」って考えるわけやろ。でもフツーそこまで覚えてへんやん。ワテもそんなこまいことまでいちいち覚えとらんもん。そやから「こんな感じの名前のメソッドがあると嬉しいんやが・・・」みたいな感じで調べるわけや。それでどうにかなるもんやで。逆にいうと、「JQuery先生、こんな名前のメソッド、あったら嬉しいのやけど、ありますのん？」ゆうて当たりつけるときの、「こんな名前」としてうまい検索ワードが、頭にすぐポッと出てくるゆうのが大事やで。今回のやったら、そやな、`siblings` とか `next sibling` とかや。それでJQueryのAPIドキュメント漁れば、それっぽいのすぐ出てくるやん。

-

-

-

- ・・・と、そういう感じでできたんがコレ➡[codepen.io/NWjmJRy](https://codepen.io/i8086x/pen/NWjmJRy)や。「エラーチェック」ゆうボタンクリックしてみてや。ほなまた〜