时间戳

首页 > 解决方案 > 如何将特定按钮 id 传递给 jquery 点击事件？

javascript - 如何将特定按钮 id 传递给 jquery 点击事件？

问题描述

我在动态生成的表格的表格行中有几个按钮。现在，每个按钮都有自己的功能。因此，我想了解当我连续单击一个按钮时，如何将该特定按钮 id 传递给表格行的 onclick 事件。

 $('#demotbl').DataTable( {
      "aaData": data,
      "aoColumns": [
          { "sTitle": "PrescriptionId" },
          { "sTitle": "PatientNumber" },
          { "sTitle": "PatientName" },
          { "sTitle": "Address" },
          { "sTitle": "PhoneNumber" },
          { "sTitle": "Prescription" },
          { "sTitle": "Date" },
          {
              "targets": -1,
              "data": null,
              "defaultContent": "<input type='submit' id ='btn2' name='btn2' value='view' />"
          },
           {
              "targets": -2,
              "data": null,
              "defaultContent": "<input type='file' class='cloudinary-fileupload' data-cloudinary-field= 'image_id' />"
          },
           {
              "targets": -3,
              "data": null,
              "defaultContent": "<input type='submit' id='btn' name='btn' value="btn" />"
          }




      ]

    })


                    var table = $('#demotbl').DataTable();



     $('#demotbl tbody').on( 'click', 'button', function (e) {
        e.preventDefault();
        console.log('selected')
        var tr = $(this).closest('tr');
        var rows = table.row(tr);

        var info = rows.data();
        var dat = [info];
        var patient_info = info[1];

        console.log( "patientinfo",info);
      // demoFromHTML(dat)






    } );

在上面的代码中，我在 on click 事件中传递按钮，我如何传递按钮 ID？

标签： javascriptjquery

解决方案

  1. 为每个按钮声明相同的类名
  2. 使用类名触发 click() 事件
  3. 使用.attr()获取 id

例子：

<input type='submit' class='btn' id ='btn1' value='view'/>
<input type='submit' class='btn' id ='btn2' value='view'/>

和

$('.btn').click(function(){
    $(this).attr('id');
})

推荐阅读