javascript - 使用.filter后选择样式

Question

我有一个 div 数组，它们正在通过我们将调用的索引进行过滤Resturant.menus 具有三个不同的菜单

以下内容将返回索引的配置显示值

console.log(Resturant.menus[0].style.display)

但是，当应用以下内容时，这不起作用，并且会在 style 上抛出未定义的异常:

console.log(Resturant.menus.filter("." + index).style.display)

我在调试器中注意到，当简单地应用 console.log(Resturant.menus.filter("."+ index) 时，div 本身被选中，而不是包含所有属性的对象，它看起来我在使用 filter 时级别很高。在使用 filter 时，我缺少什么来允许选择 style？

Answer 1

jQuery filter 返回一个 jQuery 对象。 jQuery 集合是所选元素的包装器。 style 是 DOM 元素的属性，即它是 HTMLElement 对象的属性。为了使用该属性，您应该首先使用 .get(index) 方法或括号表示法 [index] 从集合中获取元素:

Resturant.menus.filter("." + index).get(0).style.display;
Resturant.menus.filter("." + index)[0].style.display;

您还可以使用 prop 方法返回集合中第一个元素的指定属性:

Resturant.menus.filter("." + index).prop('style').display;

由于您想使用 css 方法获取 CSS 属性，因此更有意义:

Resturant.menus.filter("." + index).css('display');