jQuery .get，然后 .each，然后 .css 函数

Question

我试图隐藏屏幕中的所有图像，并在向左或向右单击时一次显示一张图像。

我知道你可以使用 img { display:none; 隐藏所有内容； } 在 CSS 中，但我这样做(因为我可能想对每个对象应用不同的样式):

$("img[class*='wp-image']").get().each(function(){
    $(this).css("display","none");
});

而且我知道这可能会抛出一个错误，因为我认为您不能以这种方式将 .each() 与 .get() 一起使用，而且确实如此，引用控制台上的Uncaught TypeError: Object [object Array] has no method 'each'。

如何实际使用 .get、.each、.css 并将 CSS 样式分别应用于它们？

Answer 1

您根本不需要使用.each()。大多数 jQuery 方法都可以应用于集合，并且它们会自动分发到所有选定的元素:

$("img[class*='wp-image']").css("display", "none");

如果您确实需要使用.each，可能是因为您需要对每个元素进行有条件的更改，您可以将其直接应用于集合:

$("img[class*='wp-image']").each(function(){
    $(this).css("display","none");
});