jqueryの繰り返し処理で記述したい

Question

現在の状況

以下のような処理が必要なのですが、存在するidの分、個別に記述しなければならない状況です。

繰り返し処理で一気に記述できる気がするのですが、どのようにしたらよいのかわかりません。

##コード

<dl>
  <dt><h2>お名前</h2></dt>
  <dd>
    <div id="name">
      <input type="text" name="name">
    </div>
  </dd>
  <dt><h2>生年月日</h2></dt>
  <dd>
    <div id="birthday">
      <input type="text" name="birthday">
    </div>
  </dd>
  <dt><h2>住所</h2></dt>
  <dd>
    <div id="address">
      <input type="text" name="address">
    </div>
  </dd>
</dl>

if (!$('#name').hasClass('ok')) {
    length = $('#name .error').length;
    if (!length) {
        $('#name').append('<p class="error">選択してください</p>');
    }
    $('#name').addClass('ng');
} else {
    $('#name .error').remove;
}
if (!$('#birthday').hasClass('ok')) {
    length = $('#birthday + .error').length;
    if (!length) {
        $('#birthday').after('<p class="error">選択してください</p>');
    }
    $('#birthday').addClass('ng');
} else {
    $('#birthday + .error').remove;
}
if (!$('#address').hasClass('ok')) {
    length = $('#address + .error').length;
    if (!length) {
        $('#address').after('<p class="error">選択してください</p>');
    }
    $('#address').addClass('ng');
} else {
    $('#address + .error').remove;
}

なんとなく each とか使うのかと思いましたが、element と隣接セレクタを組み合わせるにはどのようにしたら良いのかわかりません。

教えていただけますと幸いです。

Comments

[kei344]

HTMLも質問文にコードブロックで追加してください。

[singlestroke]

追加しました。

Answer 1

(都合により削除)

Answer 2

一例。（全体の仕様がわからないので適当です）

  $( 'dl > dd' ).each( function() {
    var $dv = $( 'div', this );
    var $er = $( this ).find( '.error' );
    if ( !$dv.hasClass( 'ok' ) ) {
      if ( !$er.length ) {
        $dv.append( '<p class="error">選択してください</p>' );
      }
    } else {
      $er.remove();
    }
  } );
```**動くサンプル：**[https://jsfiddle.net/k49jhucy/](https://jsfiddle.net/k49jhucy/)