JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="stag">
    <li><a data-price="$200" href="#d1">Display</a></li>
    <li><a data-price="$300" href="#d2">Shirt</a></li>
    <li><a data-price="$400" href="#d3">Dress</a></li>
    <li class="amount"><span>$200</span></li>
</ul>

JavaScript

$("ul.stag li").click(function () {
    var activePd = $(this).find("a").data("price"); //the clicked list
    $(".stag .amount span").html(activePd);
    return false;
});