JQuery .each并使用原始Javascript进行迭代

Question

我正在努力完成这样的事情

var audios = $('audio');

for(var i = 0; i< audios.length;i++){
    if(audios[i].currenTime != 0)
        audios[i].pause();
}

但是当我使用JQuery执行此操作时，它返回给我，它没有任何方法。

$('audio').each(function(){
    if($(this).curentTime !=  0){
     $(this).pause();
    }
});

我有什么遗失的吗？

Answer 1

使用.each()时，回调会将DOM元素作为this接收。您可以（并且必须）直接使用它，而不是再次使用jQuery包装它。

$('audio').each(function() {
    if(this.currentTime != 0) {
        this.pause();
    }
});

• 如果要访问该元素，请使用this
• 如果要在元素上调用jQuery函数，请使用$(this)
• 永远不要使用$(this)[0]，而不是['Hello'][0]而不是'Hello'

Answer 2

$(this)是一个jQuery对象，你需要使用$(this)[0]或$(this).get(0)来获取dom元素，但是你不应该这样做，只需直接使用this。 / p>

$('audio').each(function(){
    if(this.curentTime !=  0){
     this.pause();
    }
});

Answer 3

你无法检查$（this）.current Time，因为$（this）是一个jquery对象，

$('audio').each(function(){
    if($(this)[0].curentTime !=  0){
     $(this)[0].pause();
    }
});