JSFiddle - React, Tailwind, and code Playground

HTML

<div> <a href='#' class='click'>
                <span class='valorSpan'> 10.50</span>
             </a>

</div>
<div> <a href='#' class='click'>
                <span class='valorSpan'> 20.50</span>
             </a>

</div>
<div> <a href='#' class='click'>
                <span class='valorSpan'> 30.50</span>
             </a>

</div>

JavaScript

$(document).ready(function () {
    $('.click span').click(function (e) {
        e.preventDefault();
        pegarPreco = parseFloat(this.innerHTML);
        alert(pegarPreco);
    });
});