Question

我在动态生成的表的表行中有几个按钮。现在，每个按钮都有自己的功能。所以，我想了解当我单击一行按钮时，如何将该特定按钮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)






    } );

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

Answer 1

为每个按钮声明相同的类名
使用类名
使用 .attr（）

示例：

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

和

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

如何将特定的按钮ID传递给jquery click事件？

1 个答案: