Foreach语句-更改时-查找最近的类[Laravel / Javascript]

Question

我有一个foreach语句，它显示所有凭据

当用户点击省份时，我必须检查该值是否为'5‘。

如果是5，那么我需要显示到期日期选择器。

我让这个在另一个只有一个的地方工作，但是这个有多个，并且是一个foreach

我尝试获取最接近的或父对象，但它总是返回所有这些对象

@foreach ($officiant->cred()->orderBy('created_at', 'ASC')->get() as $key => $val)
      <div class="box" style="margin-bottom:15px;">
              <div class="box-body">
                  <div class="row">
                      <div class="col-sm-6">
                          {{ Form::hidden('credid[]', $val->id)}}
                          <dl>
                              <dt class="mt-10">
                                  {{ Form::label('prov','Province')}}
                              </dt>
                              <dd>
                                  <select name="prov[]" class="form-control" onchange="provChange(this, this.value)">
                                    @if ($val->prov == null)
                                      <option disabled>No Province Specified</option>
                                    @endif
                                    @foreach (Info::provinceOptions() as $id => $name)
                                      <option value="{{$id}}" {{!empty($val->prov) && $val->prov == $id? 'selected': ''}}>{{$name}}</option>
                                    @endforeach
                                  </select>
                              </dd>


                              <dt class="mt-10">
                                  {{ Form::label('cred_expiry','Expiry Date')}}
                              </dt>
                              <dd>
                                  {{ Form::text('cred_expiry[]', Carbon\Carbon::parse($val->cred_date)->format('Y-m-d') ?? null, ['class'=>'form-control datePicker cred_expiry', 'style'=>'display:none'] )}}
                              </dd>

                          </dl>
                      </div>
                  </div>

              </div>
          </div>
      @endforeach

Javascript：

function provChange(element, item){
        if (item == 5){

        vdp = $(element).closest('.box-body').find('.cred_expiry')
        console.log(vdp);

        } else {

        }
    }

Answer 1

找到答案后，我将“dl”设置为父级，然后切换

  function provChange(element, item){
    vdp = $(element).parents('dl').find('.cred_expiry')

    if (item == 5){
    vdp.toggle('slow');
    } else {
    vdp.hide('slow');
    }
}