<div class="name" data-music="value1">Div 1 <span data-music="value1">play</span></div>
<div class="name" data-music="value2">Div 2 <span data-music="value2">play</span></div>
<div class="name" data-music="value3">Div 3 <span>play</span></div>
<div class="name" data-music="value4">Div 4 <span>play</span></div>
<div class="name" data-music="value5">Div 5 <span>play</span></div>
<div class="name" data-music="value6">Div 6 <span>play</span></div>
<div class="name" data-music="value7">Div 7 <span>play</span></div>
<div class="name" data-music="value8">Div 8 <span>play</span></div>
<div class="name" data-music="value9">Div 9 <span>play</span></div>
span {
border: 2px solid;
padding: 5px;
cursor: pointer;
}
div {
margin: 15px;
}
let link ='';
$('span').on('click', function (){
link = $(this).data('music');
alert(link)
});
This Pen doesn't use any external CSS resources.