<div class="name" data="value1">Div 1 <span>play</span></div>
<div class="name" data="value2">Div 2 <span>play</span></div>
<div class="name" data="value3">Div 3 <span>play</span></div>
<div class="name" data="value4">Div 4 <span>play</span></div>
<div class="name" data="value5">Div 5 <span>play</span></div>
<div class="name" data="value6">Div 6 <span>play</span></div>
<div class="name" data="value7">Div 7 <span>play</span></div>
<div class="name" data="value8">Div 8 <span>play</span></div>
<div class="name" data="value9">Div 9 <span>play</span></div>

div.name {
  display: inblock;
  height: 30px;
}
span {
  border: 1px solid blue;
  color: blue;
  padding: 3px;
  cursor: pointer;
}

$('span').on('click', function() {
 alert($(this).parent().attr('data'));
});