Add class to li on clicking ul tag using jquery

Question

I'm clicking on ul tag and it has many li tags.. which ever li tag I click it should add a class "open" . Here is my code

$(document).on('click', '.navbar', function(e) { 

     $(this).find('li').addClass('open');
});

Html code

<ul class='navbar'>
     <li></li>
     <li></li>

</ul>

Answer 1

$('.navbar li').on('click', function(e){
    $(this).addClass('open');
});