javascript event delagation

by kuyabiye

HTML

<a class="test" href="#">test</a>

<div class="container">
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
    <a href="#">1</a>
</div>

JavaScript

$(document).ready(function() {
    $('.test').on('click', function() {
       alert('test'); 
    });
    
    
    // event delegation
    $('.container').on('click', 'a', function() {
       alert('test-2'); 
    });
});