用js選擇一個所有的div

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();
  });
});

我想在 JS 中更改$('span')以便能夠選擇名為“class：sounds”的 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();
  });
});

非常感謝每一位！