Select object which was created in plugin

Question

I am creating various objects with my plugin, then I append more objects to them, and so when i do that i need to select those fresh objects.

I have made very simple jsfiddle here: http://jsfiddle.net/6zBGj/2/

And now as you can see I append item div to the $container and so when user clicks on item i want to do something, but i can't find a way to select it.

Please keep in mind that this is a plugin, and i do not want to select it like this: $(".container .item") I need to work with each individual object separately.

P.S don't mind messy code it's just an example.

score 1 · Answer 1 · answered Nov 23 '12 at 12:18

1

If you create your element in memory first, attach the event handler there and then you can append that variable to the parent. Like this:

var $item = $("<div class='item'></div>").click(function() {
    alert("Foo");
});
$container.append($item);

Example fiddle

answered Nov 23 '12 at 12:18

Rory McCrossan

331,213
40
305
339

Instead of attaching one event listener for each div, why not delegate to the parent? – Asad Saeeduddin Nov 23 '12 at 12:22
My assumption was he was requiring different functions for each item. If not, then as you say, delegation would be the better method. – Rory McCrossan Nov 23 '12 at 13:19

score 1 · Answer 2 · answered Nov 23 '12 at 12:19

The divs don't exist yet, so you can't attach listeners to them. What you can do is delegate the event listening for all divs inside the container to the container itself:

$container.on("click", "div", function(){
   $(".event").append("clicked! <br />");
});

Here is a demonstration: http://jsfiddle.net/6zBGj/4/

score 1 · Accepted Answer · edited May 23 '17 at 11:48

1

If you know what will be added to the container then you can do this - http://jsfiddle.net/aYgvm/

All i did was change:

$("div", $container).live("click", function(){
   $(".event").append("clicked! <br />"); 
});

to:

$($container).on('click','div', function(){
   $(".event").append("clicked! <br />"); 
});

You should also avoid using live() - Jquery live() vs delegate()

edited May 23 '17 at 11:48

Community

1
1

answered Nov 23 '12 at 12:19

boz

4,891
5
41
68

Select object which was created in plugin

3 Answers3