Javascript 使用jQuery获取数据时为空数据

我试图从我的表中获取数据，并使用jQuery将其放在我的模式中。我只获取了一半的行，没有任何问题，我无法从我的表中获取其他行，无论出于何种原因，它们在模式中都是空的。我很确定我找不到解决办法是塞利·米斯塔克。非常感谢你的帮助

这里是我的jQuery代码：

$(document).ready(function()
{ //getting data from form and put it inside modal
    $(document).on('click','button[data-role=create]', function(){
        var id = $(this).data('id');
        var paiment =  $('#'+id).children('td[data-target=paiment]').text();
        var rest2 =  $('#'+id).children('td[data-target=rest2]').text();
        var studentid =  $('#'+id).children('td[data-target=studentid]');

        console.log(paiment);

        $('#paiment').val(paiment);
        $('#rest2').val(rest2);
        $('#studentid').val(studentid);
        $('#userid').val(id);

        $('#myModal2').modal('toggle');
    });
});

我的桌子：

<table class="table table-bordered" id="table2">
                <thead>
                  <tr>

                    <th scope="col">Paiment mensual(DH)</th>
                    <th scope="col">Le rest(DH)</th>  
                    <th scope="col">Total</th>                   
                    <th scope="col">dure de paiment</th>
                    <th scope="col">Date de paiment</th>
                    <th scope="col">Action</th>

                   </tr>
                </thead>
                <tfoot>
                   <tr>

                   <th id="val3"></th>
                    <th id="val4"></th>
                     <th id="val5" > </th>
                   <th></th>
                   <th ></th>

                 </tr>
               </tfoot>
              <tbody>


                   @foreach($studentsM as $student)

                   <tr id="{{$student->id}}">  
                    <td width="160" data-target="paiment">{{$student->payment->payment_mois}}</td>
                    <td data-target="rest2">{{$student->payment->Rpayment_mois}}</td>
                    <td ></td>

                    <td width="110">{{$student->payment->Apayment_mois}} Mois</td>
                    <td width="150" id="xd">{{$student->Dpayment_mois}}</td>
                    <td> <button href="#" class="btn btn-success btn-sm" data-toggle="modal" data-role="create" data-target="#myModal2" data-id="{{$student->id}}">Editer</button></td>

                   </tr>

                   @endforeach
              </tbody>
             </table>

付款方式（DH）
勒斯特（卫生署）
全部的
付款期间
付款日期
行动
@foreach（$studentsM作为$student）
{{$student->payment->payment\u mois}
{{$student->payment->Rpayment\u mois}
{{$student->payment->Apayment\u mois}}mois
{{$student->Dpayment_mois}
编辑
@endforeach

我的情态：

<div id="myModal2" class="modal fade" role="dialog">
  <div class="modal-dialog">

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

      <div class="modal-body">
       <div class="form-group">
       <label for="inscription">Paiment mensual</lable>
       <input type="text" name="paiment"  class="form-control" id="paiment">
       </div>
       <div class="form-group">
       <label for="rest">Le rest</lable>
       <input type="text" name="rest"  class="form-control" id="rest2">
       </div>

       <input type="hidden" id="userid"  class="form-control" >


      </div>
      <div class="modal-footer">
      <a type="button" class="btn btn-success " href="#" id="save2">Save</a>
      <button type="button" class="btn btn-dark " data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

对量纲
勒斯特
接近

我希望我的代码对您来说足够清晰

更新：

这是它看起来的样子，左边的表运行良好，我的问题在右边的表中

---

我用小提琴试过你的代码，它似乎确实有效（）。如果第一行包含ID，请检查页面源？请注意

@foreach@endforeach

在试图弄清楚发生了什么方面没有帮助。发布从浏览器中提取的有效HTML更有用。。。。。。你的意思是说你无法获取列标题吗？我使用的是laravel，这就是为什么有@foreachI从数据库中获取数据。我刚刚发现，这不仅仅是第一行，几乎是其中的一半，我只有8行，只有第2行和第3行，最后一行还在工作。