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%");
    }
});

我能够获取类“scrapImg”的 div 的子元素 (.img) 数量，但我的 if ... else 语句实际上不起作用。看起来 else 语句没有被执行，因为 if 语句返回 true。如何让这些 if ... else 语句在包含多个 img 元素的每个 div 上执行？

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%");
}});