JQuery使用if ... else语句计算每个父div的子元素

Question

我有这段代码：

$(".scrapImg").each(function(index, elem) {
    var scrapImgCount = $(this).find("img").length;
    if(scrapImgCount > 1) {
        $(".scrapImgItem").css("width", "50%");
        $(".scrapImgItem").css("height", "80px");
    }   
    else {
        $(".scrapImgItem").css("width", "100%");
    }
});

我能够通过类＆＃39; scrapImg＆＃39;来获取div的子元素（.img）的数量，但是我的if ... else语句确实不起作用。看起来else语句没有被执行，因为if语句返回true。我怎样才能在包含许多img元素的每个div上执行这些if？else语句？

Answer 1

您使用了正确的引用来检查长度。您也应该使用相同的方法来设置css。 试试这个：

$(".scrapImg").each(function(index, elem) {
var scrapImg = $(this).find("img");
if(scrapImg .length > 1) {
    $(scrapImg ).css("width", "50%");
    $(scrapImg ).css("height", "80px");
}   
else {
    $(scrapImg ).css("width", "100%");
}});