JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css">
<style type="text/css">
    .ui-li .ui-btn-text span.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
    .ui-li .ui-btn-inner span.ui-link-inherit { padding: .7em 15px .7em 15px; display: block; }
</style>

<ul data-role="listview" data-split-theme="d">
    <li data-icon="grid">
        <a href="#" class="leftLink" onclick="alert('Nooooooooooo!'); return false;"><span class="ui-link-inherit">
            <h3>This should not be a link</h3>
            <p>Links are not cool, bro</p>
        </span></a>
        <a href="#" onclick="alert('Goodoh!')">This is a link though</a>
    </li>
</ul>

<script type="text/javascript">
    $(document).ready(function(){
        $('.leftLink').parent().parent().parent().removeClass('ui-btn');
        $('.leftLink').contents().unwrap();
    });
</script>