jquery ajax - dynamic button(s) onclick event

Question

I'm making an ajax call that is pulling back a table of items, each row begins with an edit button. I want to assign an "onclick event" or equivalent to each of these edit buttons so that they pass the specific item id to a function...which will in turn make another ajax call to pull specific info about that item. I've read several postings that use .live but have failed to see any that allows a specific id to be passed in so that dynamic data can be pulled. Any thoughts?

My thoughts: you did not explain what actually you cannot perform. Give us some examples in code. — zerkms
– zerkms, Commented Jul 24, 2011 at 2:34
show your html structure. please only provide the relevant part of the code — Ibu
– Ibu, Commented Jul 24, 2011 at 2:34

ShankarSangoli · Accepted Answer · 2011-07-24 02:37:46Z

2

Try something like this. I am assuming the edit button in a td within tr and there is an itemId attribute for each tr to be used to make a ajax call on button click.

The below code is using live so that when you add update the table or add more rows to this table the edit button click will be fired for all the buttons without even attaching the new events.

$("editButtonSelector").live("click", function(){
   var itemId = $(this).closest("tr").attr("itemId");
   //Now use this itemId to pass to the ajax call you make.
});

answered Jul 24, 2011 at 2:37

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

1 Comment

blwill Over a year ago

Very nice solution, thank you. I've been looking at the problem from only one direction. Thanks again.

Collectives™ on Stack Overflow

jquery ajax - dynamic button(s) onclick event

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