With event handling on dynamically added content, I use:
$('#static-div').on('click', '.dynamic-content', function () {
// do something
});
What should I do if I want to add a .not() to this code? As in, I want to click anything with ".dynamic-content" but not apply the event handling to ".should-not-be-clicked"
Add :not() to the selector
$('#static-div').on('click', '.dynamic-content:not(.no)', function () {
console.log('clicked')
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="static-div">
<button type="button" class="dynamic-content">Y</button>
<button type="button" class="dynamic-content no">N</button>
<button type="button" class="dynamic-content">Y</button>
<button type="button" class="dynamic-content no">N</button>
</div>