如果 div 不包含此类，则执行以下操作

Question

目前，我有一些 div 调整大小函数可用于不同的页面宽度查询。这些工作正常，但是我想在条件语句中为不同的窗口宽度包装所有这些函数。基本上，如果 div 不包含扩展的类 pod，我只希望这些函数调整 div“portfoliopod”的大小。请在下面查看我的代码和一个现场示例

http://mrliger.com/index2.php

您可以在实时示例中看到，由于在展开之前，portfoliopod 的高度与图像的高度相同，因此图像被剪裁

 if ($( '.portfoliopod' ).not( ".podexpanded" )) {




 $(window).resize(function() {
        if ($(window).width() >= 1025) {

var cw = $(".portfoliocontainer").width()/4;
$('.portfoliopod').height(cw);

        } 
    });

$(window).resize(function() {
        if ($(window).width() <= 1024) {

var cw = $(".portfoliocontainer").width()/3;
$('.portfoliopod').height(cw);

        } 
    });

$(window).resize(function() {
        if ($(window).width() <= 767) {

var cw = $(".portfoliocontainer").width()/2;
$('.portfoliopod').height(cw);

        } 
    });

$(window).resize(function() {
        if ($(window).width() <= 400) {

var cw = $(".portfoliocontainer").width();
$('.portfoliopod').height(cw);

        } 
    });

} 

Answer 1

你可以使用这个选择器：

$(".portfoliopod:not(.podexpanded)")

它将选择所有具有类portfoliopod 的元素，但只选择那些不具有类podexpanded 的元素。

Answer 2

首先，您不需要多个resize 处理程序。将它们包含在同一个中。

其次，使用:not()选择器

  $(window).resize(function() {
         if ($(window).width() >= 1025) {
             var cw = $(".portfoliocontainer").width() / 4;
             $('.portfoliopod:not(.podexpanded)').height(cw);
         }
         if ($(window).width() <= 1024) {
             var cw = $(".portfoliocontainer").width() / 3;
             $('.portfoliopod:not(.podexpanded)').height(cw);
         }
         if ($(window).width() <= 767) {
             var cw = $(".portfoliocontainer").width() / 2;
             $('.portfoliopod:not(.podexpanded)').height(cw);
         }
         if ($(window).width() <= 400) {
             var cw = $(".portfoliocontainer").width();
             $('.portfoliopod:not(.podexpanded)').height(cw);
         }
     });