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我试过但是我没有工作因为我忘了也为这个js代码改变html工作：

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

非常感谢每一个人！

用js选择一个全部div

2 个答案: