JSFiddle - React, Tailwind, and code Playground

HTML

<a class="first" href="#">change value</a>
<a class="second" href="#">get value</a>
<div class="value" data-test="test">test</div>

JavaScript

$(document).ready(function() {
    $('.first').on('click', function(e) {
        e.preventDefault();
        
        $('.value').html($(this).text()).attr('data-test',         $(this).text());    
    });
    
    $('.second').on('click', function(e) {
        e.preventDefault();
        
        $value = $('.value').text();
        $data = $('.value').data('test');
        alert($data);
    });
});