JSFiddle - React, Tailwind, and code Playground

by pomeh

HTML

<div class="list_row_input_type"> 
    <a href="#" class="toogleRead">Toggle Read, will alert ".toogleRead"</a>
    <a href="#" class="link_to_fire">Link to fire, will alert ".list_row_inputtype"</a>
    <div class="description">Desc, will alert ".list_row_inputtype" too</div>
</div>

CSS

.list_row_input_type {
    border: solid black 1px;
}
a {
    display: block;
}

JavaScript

// test case for http://stackoverflow.com/questions/10516553/stop-parent-event-jquery

$('.list_row_input_type').on( 'click', function(ev) {
    ev.stopPropagation();

    alert( ".list_row_inputtype clicked" );
    // put your stuff here instead
});

$('a.toogleRead').on( 'click', function(ev) {
    ev.stopPropagation();

    alert( ".toogleRead clicked" );
    // put your stuff here instead
});