javascript - 如何打开模态jquery并从表中获取单元格值？

Question

我有一个 html 表，其中包含使用 JS 函数动态绘制的数据，并且对于每一行，我都有一个打开模态 Bootstrap 的按钮，如何才能在模态打开时根据以下方式捕获列的值按下按钮时选择的行？

我的模态 html:

   <div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
         <!-- Modal content-->
         <div class="modal-content">
             <div class="modal-header">

             </div>
              <div class="modal-body">
                        info content
              </div>
               <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Send</button>
               </div>
    </div>
</div>

还有mi js功能:

successList: function(data) {

   var strHtml = '';       
   for(var i = 0; i<data.array.length; i++) {

      strHtml += '<tr>';
      strHtml += '  <td>'+data.array[i].idUser+'</td>';
      strHtml += '  <td>'+data.array[i].age+'</td>';
      strHtml += '  <td>'+data.array[i].email+'</td>';
      strHtml += '  <td> <button type="button" id="btnOpenModal" class="btn btn-warning" data-toggle="modal" data-target="#myModal">Process</button> </td>';
      strHtml += '</tr>'  
   }

  $("#tblUsers").append(strHtml);

}

我想捕获idUser

Answer 1

您可以添加单击按钮的事件监听器。并从事件监听器内的事件获取数据。使用事件对象的“target”属性来获取被单击的按钮的实例。