jquery函数将css应用于图像

Question

这是我的代码：

(function($) {
var images = $( "img" );
$("div.featured-card-box").find(images)[1].css("display", "none");
});

它应该将一些css应用于图像，但它不起作用，因为我对此很新，我不知道出了什么问题。非常感谢任何答案！

Answer 1

您的代码看起来有点复杂：

1）请注意，jQuery [1]将是第二个图像，因为它从0开始计数。它也将是一个DOM对象而不是jQuery对象，所以你将无法在其上使用jQuery方法（如你正试图这样做。）

2）使用jQuery，您可以使用与CSS选择器相同的方法访问图像：

$("div.featured-card-box img")[1]

假设您想要隐藏div中的第二个图像并隐藏“feature-card-box”类，这应该可以解决问题：

$("div.featured-card-box img:eq(1)").hide();

尽管如此，您也可以将.hide()替换为.css('display','none')

编辑：这是一个小提琴：https://jsfiddle.net/vf8d9ske/