JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<a href="#" class="0">one</a><span></span>
<a href="#" class="1">one</a><span></span>
<a href="#" class="2">one</a><span></span>

CSS

a {
    display: block;
    margin: 10px 50px;
}

JavaScript

$(function() {
    
    $('a').click(function() {
        var myCars=["Saab","Volvo","BMW"];        
        var classy = $(this).index('a');        
        $(this).next('span').text(myCars[classy]);
        
        console.log(classy);
    });
    
    
    
});