JS / JQUERY iframe.contents() syntax

Question

我目前正在做一个项目，其中包括当用户将鼠标悬停在某个div上时，它将播放关联的音频文件并停止页面上包含类"stoppable"的所有其他音频元素。

我已经让代码工作了，但现在我将该页面作为另一个页面上的 iFrame 可以插入 iframe 的页面，所以我必须继续在元素上添加 iframe.content 以使它们工作。

在下面的代码中，它会检测用户何时输入div 并播放正确的音频，但它不会停止所有其他音频元素。

我相信我在

$('.stoppable:not($("#new-audio-476333", iframe.contents()))  

部分，我不确定正确的语法是什么。

var iframe = $('#clientframe'); 
$('#476333',iframe.contents()).mouseenter(function() {
   $('.stoppable:not($("#new-audio-476333", iframe.contents()))').each(function(){
       this.pause(); this.currentTime = 0; 
   }); 
var audio = $('#new-audio-476333', iframe.contents())[0];audio.pause();audio.play(); });

任何帮助将不胜感激。

谢谢！

-绝望的

Answer 1

$('.stoppable:not(#new-audio-476333)', iframe.contents())

这意味着具有类名的元素stoppable其 id 不new-audio-476333 。