JSFiddle - React, Tailwind, and code Playground

HTML

<div class='divTopClass' id="1">
    <p> lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  </p>
    <a class='visit-link' href='http://google.com'>visit</a>
</div>
<div class='divTopClass' id="2">
    <p> lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  </p>
    <a class='visit-link' href='http://google.com'>visit</a>
</div>
<div class='divTopClass' id="3">
    <p> lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  lorem ipsum dolor simet  </p>
    <a class='visit-link' href='http://google.com'>visit</a>
</div>


<div class='log'> 
</div>

CSS

body{
    font-family: sans-serif;
    font-size:14px;
} 
.divTopClass{
    margin-bottom: 10px;
    border-bottom: #efefef 1px solid;
}
.visit-link{
    text-decoration: none;
    font-size: 85%;
}
.log{
    font-color: #ccc;
    font-size: 80%;
    margin-top: 50px;
}

JavaScript

$(function(){ 
    $('div.divTopClass').click(function(){ 
        //logThis('clicked div' + $(this).attr('id'));   
        $('a.visit-link', this).click();
    });  
    
});

function logThis(msg){
    $('div.log').html('log: ' + msg); 
}