On click of a dynamically created element

Question

I added a div element into a variable and appended it to the document:

var faceDiv = $("<div class='dropDownJsFace dropDownJsArrowDown' />");

Now I'm attempting to reference that div within the .on() function via e.target like so

$(document).on("click", function(e){
    if(e.target == faceDiv)
    {
        alert("done");  
    }
});

To clarify, I want it to specifically reference that dynamically created div, as apposed to the class .dropDownJsFace.

`$(facediv).on("click"...`? `$(document).on("click", ".dropDownJsFace .dropDownJsArrowDown", function ...`? — emerson.marini, Aug 11 '14 at 15:07
This is actually a duplicate of http://stackoverflow.com/questions/8027847/match-event-target-with-existing-jquery-object — jjenzz, Aug 11 '14 at 15:51

score 0 · Answer 1 · answered Aug 11 '14 at 15:08

0

Just use the selector parameter to .on:

$(document).on("click", "div.dropDownJsFace", function(e) {
        alert("done");  
});

answered Aug 11 '14 at 15:08

James McLaughlin

1 Answers1