выбрать Div с Js

Question

Я в настоящее время есть этот HTML все:

<div class="col-xs-12 col sm-4 col-md-4 col-lg-3"> 
    <div class="sounds"> 
    <span data-sound="capice">capice</span> 
    </div> 
    </div> 

и это Js:

$(document).ready(function(){ 
    $('span').on('click', function(){ 
    var file = $(this).attr('data-sound'); 
    var audio = new Audio(fileFormat + '/' + file + '.' + fileFormat); 
    audio.play(); 
    }); 
}); 

Я хочу изменить $('span') в JS, чтобы иметь возможность выбрать DIV с именем «класс : звуки "

Answer 1

Вы имеете в виду фактический селектор? Как это?

$(document).ready(function(){ 
    $('div.sounds').on('click', function(){ 
    var file = $(this).attr('data-sound'); 
    var audio = new Audio(fileFormat + '/' + file + '.' + fileFormat); 
    audio.play(); 
    }); 
}); 

Answer 2

Thx Ibanez я был попробовать, но я не работал, потому что я забудьте также изменить HTML для этого JS код для работы:

<div class="col-xs-12 col sm-4 col-md-4 col-lg-3"> 
    <div class="sounds" data-sound="capice"> 
     <span>capice</span> 
    </div> 
</div> 

поэтому этот HTML + JS это работает:

$(document).ready(function(){ 
    $('div.sounds').on('click', function(){ 
    var file = $(this).attr('data-sound'); 
    var audio = new Audio(fileFormat + '/' + file + '.' + fileFormat); 
    audio.play(); 
    }); 
}); 

благодарит много за каждого!