How do I dynamically assign button listeners in JQuery/HTML?

Question

I have a table with and id of foo and I want to add rows dynamically that have a button that do something. How can I assign the listeners for the buttons dynamically using JQuery?

Thanks

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

You can use the bind method to assign event listeners if your buttons are already present or use the live or delegate methods if the buttons are generated dynamically.

Update:

Try with live() method:

$('.edit').live('click', function(){
  // your code here...
});

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 28, 2010 at 6:52

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

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

2 Comments

2Real Over a year ago

I tried using bind. I gave my button a class of edit and I selected based on $('.edit'). Am I doing something wrong if it's in a table?

2Real Over a year ago

Ok it works but rather than run the function once it runs it more than once. Is that supposed to happen? Is there a way I can just make the function run once?

Muhammad Adeel Zahid · Accepted Answer · 2010-09-28 06:56:24Z

0

you can assign class to dynamically added buttons and write something like if class is adder

$(function(){
   $(".adder").live("click",function(){
        //do something
});
});

answered Sep 28, 2010 at 6:56

Muhammad Adeel Zahid

17.8k16 gold badges95 silver badges160 bronze badges

Collectives™ on Stack Overflow

How do I dynamically assign button listeners in JQuery/HTML?

2 Answers 2

Update:

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Update:

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related