JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item-container" style="border: 1px solid #000;">
    Before link
</div>

JavaScript

$('.item-container').append('<a href="http://www.cnn.com/">link</a>');
$('.item-container').append("After link");
                            
$('.item-container').click(function(event) {
    alert('handle click in div');
});


$('.item-container a').click(function(event) {
    event.stopPropagation();
});