Adding click to dynamically generated divs Jquery

Question

I'm creating a bunch of Divs based on the number items in an array that I recieve from an AJAX. All of the divs have a unique Id and I want to add a Click event to each of the generated Divs. I want the user to click on one of the generated divs which will then post some data. This is the code I use but it doesn't work.

c=data.length

            for(i=0;i<c;i++){

                $('#result').prepend('<div class="validation" id="lv_'+i+'">'+data[i]+'</div> ');
                $("#lv_"+i).live('click', function(data){
                .$post("setLocation", {lv: lv}, function(data){
                    alert(data);
                });
            });

        }

With jQuery 1.7 live() has been deprecated to use on(). While this doesn't address your specific question, it's worth investigating. api.jquery.com/on — Alan
– Alan, Commented Dec 5, 2011 at 1:50

Adam Rackis · Accepted Answer · 2011-12-05 01:59:20Z

1

To have a certain event handler fire on all divs that have the class validation, whether dynamically added or not, you'd ideally use on

$(document).on("click", ".validation", function() {} );

If you're using an older version of jQuery, here's how you would do it with live:

$(".validation").live("click", function() {} );

Or, better than live would be delegate

$(document).delegate(".validation", "click", function() {} );

The reason why delegate and on are preferable to live is because live will go through the existing dom, and attach the relevant handler to all discovered elements. delegate and on simply listen for events to bubble up, and fire the handler when the selector matches. As a result, delegate and on are more performant.

edited Dec 5, 2011 at 1:59

answered Dec 5, 2011 at 1:53

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

1 Comment

Adam Rackis Over a year ago

@rzclfy - sure thing! If you're using jQuery pre-1.7 delegate is the way to go

Sudhir Bastakoti · Accepted Answer · 2011-12-05 01:54:42Z

0

Try:

$("#lv_"+i).on("click", {lv: lv}, function(data))

answered Dec 5, 2011 at 1:54

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Collectives™ on Stack Overflow

Adding click to dynamically generated divs Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related