JSFiddle - React, Tailwind, and code Playground

by incutonez

HTML

<ul>
<div class="inputMusics">
    <div class="music">
        <li>                
            <label>Artist:</label>
            <input class="artists" type="text" name="artistMusic[]" value="artist"/>
        </li>
        <li> 
            <label>Title:</label>
            <input class="title" type="text" name="titleMusic[]" value="title"/>
        </li>       
        <li> 
            <label>Album:</label>
            <input class="albuns" type="text" name="albumMusic[]" value="album"/>
        </li>           
    </div>
</div>  
<button id="addMusic" type="button"> + Add musics</button>   
<button id="removeMusic" type="button"> - Remove music</button>

JavaScript

$(document).ready(function() {
    $(".title").focus(function(event) {
        // select the previous input
        alert($(':input:eq(' + ($(this).index() - 1) + ')').val());
    });
});