双击元素时循环jQuery中的元素

假设HTML有 <div> 类中的元素 section item 在jQuery对象中。

$(".fadeall").dblclick(function() {
    $("div.section").each(function(idx,item) {
           // Wrapped "item" so you have access to jQuery methods
        $(item).fadeTo(25,inactiveOpacity);
    });
});

项目 是DOM元素,它需要用jQuery对象包装,这样它就可以访问 .fadeTo()

另一种方法是 this .each() ,它也将引用DOM元素。

$(".fadeall").dblclick(function() {
    $("div.section").each(function() {
           // Wrapped "this" so you have access to jQuery methods
        $(this).fadeTo(25,inactiveOpacity);
    });
});

此外,请确保在运行代码之前加载了DOM:

   // Wrapping code like this ensures that the DOM elements will be
   //    loaded before your code runs.
$(function() {
    $(".fadeall").dblclick(function() {
        $("div.section").each(function() {
               // Wrapped "this" so you have access to jQuery methods
            $(this).fadeTo(25,inactiveOpacity);
        });
    });
});

jQuery's .ready() method ,这将确保在元素可用之前代码不会运行。

因为DOM元素没有 .fadeTo() 函数,需要将循环的元素包装起来( item )在jQuery对象中,如下所示:

$(item).fadeTo(25,inactiveOpacity);

this 同样有效,例如:

$(".fadeall").dblclick(function() {
  $("div.section").each(function() {
    $(this).fadeTo(25,inactiveOpacity);
  });
});