JSFiddle - React, Tailwind, and code Playground

by straeger

HTML

<div class="listing" style="border:solid 1px #000;">
<h4><a href="#">Some test Entry here 1</a></h4>
<div class="entry clearfix">
    <a href="#" class="btn">
        Text Here                    
    </a>
</div>
</div>
<div class="listing" style="border:solid 1px #000;">
<h4><a href="#">Some test Entry here 2</a></h4>
<div class="entry clearfix">
    <a href="#" class="btn">
        Text Here                    
    </a>
</div>
</div>
<div class="listing" style="border:solid 1px #000;">
<h4><a href="#">Some test Entry here 3</a></h4>
<div class="entry clearfix">
    <a href="#" class="btn">
        Text Here                    
    </a>
</div>
</div>

<span id="output"> </span>

JavaScript

$(function() {
    $('.entry .btn').click(function(){
        var $headline4Anchor = $(this).parent('.entry.clearfix').prev();
        $('#output').text($headline4Anchor.text());
    });
});