Question

我需要从迭代中捕获ID，但是似乎要捕获似乎很明显的最后一个ID，我正在使用引导程序模态，我什至不知道他们是如何编写jQuery的。因此，我该怎么做才能使此按钮不捕获最后一个ID？

    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#applications_{{$user->id}}" id="#applications_{{$user->id}}">View applications</button>

      <!-- Modal -->
      <div class="modal fade" id="applications_{{$user->id}}" role="dialog" >
        <div class="modal-dialog" >

          <!-- Modal content-->
          <div class="modal-content" style="width: 600px !important;">
            <div class="modal-header">
              {{-- <button type="button" class="close" data-dismiss="modal">&times;</button> --}}
              <h4 class="modal-title">Applications</h4>
            </div>
            <div class="modal-body">
                <div class="text-muted" style="float: left;padding-right: 10px">
                <table class="table table-hover"> 
                  <tr>
                    <th>Company name</th>
                    <th>Location</th>
                    <th>Program</th>
                    <th>Application</th>
                    <th>Actions</th>
                  </tr>
                   @foreach($user->post as $form)
                     <tr>
                        <td>{{$form->pivot->company_name}}</td>
                        <td></td>
                        <td>{{$form->pivot->id}}</td>
                        <td> 
/* this button is only capturing the last id from iteration */
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#application_{{$form->pivot->id}}" >View {{$form->pivot->file}}</button> </td>
                        <td></td>
                      </tr>  
                   @endforeach

                   {{$user->name}}

                 </table>
                 </div> 

            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>

        </div>
      </div>

        <!-- Modal -->
      <div class="modal fade" id="application_{{$form->pivot->id}}" role="dialog">
        <div class="modal-dialog">

          <!-- Modal content-->
          <div class="modal-content">
            <div class="modal-header">

              <h4 class="modal-title">Application</h4>
            </div>
            <div class="modal-body">
                <div class="text-muted" style="float: left;padding-right: 10px">
                        <div class="center image">
                           <img src="/storage/file/{{$form->pivot->file}}"  class="img-round" alt="User Image">
                        </div>    
                 </div> 

            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>

        </div>
      </div>

希望从相应的帖子中检索图像，但是它只能使用最后一个ID，没有错误。

Answer 1

您的第二个模态在foreach之外，然后id="application_{{$form->pivot->id}}"仅使用循环中的最后一个值。要使用刀片，可以重做循环并为每个id和图像创建一个模态：

<!-- 2nd Modal -->
@foreach($user->post as $form)
<div class="modal fade" id="application_{{$form->pivot->id}}" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Application</h4>
            </div>
            <div class="modal-body">
                <div class="text-muted" style="float: left;padding-right: 10px">
                    <div class="center image">
                        <img src="/storage/file/{{$form->pivot->file}}"  class="img-round" alt="User Image">
                    </div>    
                </div> 
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endforeach

如何从迭代到引导模态中检索ID？

1 个答案: