javascript - 双击元素时循环遍历 jQuery 中的元素

Question

我是 jQuery 和 Javascript 新手。我正在尝试制作一个可以双击的按钮，然后循环遍历网页中具有特定类的所有元素并淡化它们。

目前，我正在尝试这样做:

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

在我的调试器中，我看到双击发生，但 each 调用中的函数没有被触发。

我相信我没有正确匹配 div.section 元素，但不知道正确的方法。

Answer 1

应该会出错，因为 DOM 元素没有 .fadeTo()函数时，您需要将要循环的元素 (item) 包装在 jQuery 对象中，如下所示:

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

或者，这个也可以，例如:

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