javascript - 使用 [i] 时访问 jQuery 方法

Question

我想修改elementDiv的CSS属性使用 jQuery。我明白当使用[i]时我得到的是 DOM 元素而不是 jQuery 对象。可以修改它以接受 jQuery CSS 方法吗？

以下代码返回以下错误 - Object #<HTMLDivElement> has no method 'css'

for (var i = 0; i < elementDiv.length; i++) {
    if (i >= pagenumber * elementsPerPage && i <= pagenumber * elementsPerPage) {
        elementDiv[i].css('display', 'block');
    } else {
        elementDiv[i].css('display', 'none');
    }
}

Answer 1

只需使用 each :

elementDiv.each(function(i) {
  if (i >= pagenumber * elementsPerPage && i <= pagenumber * elementsPerPage) {
      $(this).css('display', 'block');
  } else {
      $(this).css('display', 'none');
  }
});

jQuery 文档展示了很多有用的示例。