Trigger Dynamic Button Id using jQuery

Question

I have a PHP table generated using a MySQL database, I want to run a jquery function by clicking on a button placed in a field in the table. Since the button id is dynamic, Is there a way to trigger the button id and run the jQuery?

PHP Code :

echo "<td>
<button id='".$row['S_No']."'value='".$row['S_No'].">".$row['S_No']."</button></td>";

JQuery Code:

  $(document).ready(function(){
    $("#buttonId").click(function(){
      // Code goes here
  });
});

Don't use an ID, use a class. <button class="js-myfunc" ... other php stuff... /> then $('.js-myfunc').on('click', // code );. — Erik Philips
– Erik Philips, Commented Jun 10, 2018 at 19:48

Shoukat Mirza · Accepted Answer · 2018-06-10 19:42:46Z

1

Use class instead id

echo "<td>
<button class="btn-class" id='".$row['S_No']."'value='".$row['S_No'].">".$row['S_No']."</button></td>";

$(document).ready(function(){
    $(".btn-class").click(function(){
      // Code goes here
  });
});

answered Jun 10, 2018 at 19:42

Shoukat Mirza

82810 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Esmond Gunasekara Over a year ago

Worked as a charm! Thank you! much appreciated :)

Collectives™ on Stack Overflow

Trigger Dynamic Button Id using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related