JSFiddle - React, Tailwind, and code Playground

HTML

<div class="border-box clearfix">
    <div class="blah">
        <h4>h4 Title</h4>
        <p>paragraph</p>
    </div>
    <div class="head clearfix">
        <h4>h4 Title</h4>
        <p>paragraph</p>
    </div>
    <p class="float-right">
        <a href="#" onclick='return false' class="btn-blue">anchor tag</a>
    </p>
</div>


<div class="border-box clearfix">
    <div class="blah">
        <h4>h4 Title</h4>
        <p>paragraph</p>
    </div>
    <div class="head clearfix">
        <h4>h4 Title2</h4>
        <p>paragraph</p>
    </div>
    <p class="float-right">
        <a href="#" onclick='return false' class="btn-blue">anchor tag</a>
    </p>
</div>

JavaScript

function attach_(element,listener,ev,tf){
			
	if(element.attachEvent) {
			
		element.attachEvent("on"+listener,ev);
				
		}else{
			
		element.addEventListener(listener,ev,tf);
						
		}
	
	}

function getCls(clsNm){
	
	return clS = document.querySelectorAll ? document.querySelectorAll("."+clsNm) : document.getElementsByClassName(clsNm);
	
	}


function returnH4Text(el){
	
	wrapper = el.parentNode.parentNode;
	
	divs = wrapper.getElementsByTagName('div');
	
	if(divs.length>0){
	
	for(var i=0;i<divs.length;i++){
		
		if(divs[i].className.match('head')){
			
			return h4Text = divs[i].getElementsByTagName('h4')[0].innerText ? divs[i].getElementsByTagName('h4')[0].innerText : divs[i].getElementsByTagName('h4')[0].textContent;
						
			}
			
		}
		
	}

	}

var anchors = getCls('btn-blue');

if(anchors.length>0){
	
	for(var y=0;y<anchors.length;y++){

attach_(anchors[y],'mousedown',function(event){
	
	evt = event || window.event;
	trg = evt.target || evt.srcElement;
	
	alert(returnH4Text(trg));
	
	},false);
	
	}

}