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中具有“功能卡盒”類的第二個圖像，這應該可以解決問題：

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

雖然，您也可以將.hide()替換為.css('display','none')

編輯：這是一個小提琴： https ： //jsfiddle.net/vf8d9ske/