disable links on dynamically created elements

Question

I have an app were you can create elements, i.e. Text-element and append it to a div

And then you can also add a link to that element.

But I can't get to disable the link within the div (not removing the attr. but just disable it)

I looking for something like this:

    $('#container a').click(function() {
    e.preventDefault();
    });

To disable all links within the div.Container? Is it possible?

Answer 1

You can use delegated events with the on method, which is designed to handle the exact situation you're describing:

$('#container').on('click', 'a', function(e) {
   e.preventDefault();
});