jQueryで近くの要素を取得する方法について知りたい。

Question

jQueryで近くの要素を取得する方法について知りたい。

以下のようなlaravelのbladeフォームがあったときにjQueryでselect要素の近くのspan要素を取得したいと考えています。
このspanです。

        <span class="invalid-feedback" role="alert">
            {{ $errors->first('user_id') }}
        </span>

ただ、以下のようにやっても取得できずに困っています。
closestは親要素じゃないと取得できない？

$('#user-id').closest('span')

<!-- 登録画面用 企業プルダウン -->
<div class="form-group">
        <label for="user-id">{{ __('ユーザー') }}<span class="badge badge-danger ml-2">{{ __('必須') }}</span></label>

    <select class="form-control{{ $errors->has('user_id') ? ' is-invalid' : '' }}" id="user-id" name="user_id">
        <option></option>
    </select>
    @if ($errors->has('user_id'))
        <span class="invalid-feedback" role="alert">
            {{ $errors->first('user_id') }}
        </span>
    @endif
</div>

なお、フォームは共通のファイルなので、idやクラス名は変更できないとします。
※フォームのファイルをいじることNG

Comments

[m.ts10806]

具体的にどのspanでしょう。
複数あります。
それに画面に表示されてないと取れません

[退会済みユーザー]

すみません。追記しましたが、エラーメッセージspanです。

Answer 1

用途不明ですがこの配置ならnext()で取れますよ。

$('#user-id').next()

不安なら引数にセレクタを。

$('#user-id').next('span.invalid-feedback')

Comments

[退会済みユーザー]

ありがとうございます。こちらで解決できました。

[m.ts10806]

ドキュメントも確認してくださいね。

Answer 2

近くの要素

の定義次第ですね。
親要素、子要素、兄弟要素（直前、前方向すｂて、直後、後方向すべて、兄弟すべて）いろんなとり方があります

closestは自分を含む再帰的な親要素です

Comments

[退会済みユーザー]

ご回答ありがとうございます。
nextを使って解決できました。