jQuery addClass only to div with class which is really higher

Question

下面的代码导致所有具有此 class 的 div 都得到填充，包括这些不高于 200 的 div，但我只需要向真正大于 200 的元素添加填充。其余的必须保持无填充。有人知道我怎样才能得到它吗？

var n = $('.class');
var height = n.height();
if (height > 200) {
   n.addClass('padding');
}

Answer 1

使用each() 函数迭代.class 元素并检查每个高度。

然后将.padding class应用于那些身高高于200px的人：

$('.class').each(function() {
  var that = $(this);
  if (that.height() > 200) {
     that.addClass('padding');
  }
});

Answer 2

使用 .filter 到 select 只是具有您想要的高度的元素：

$(".class").filter(function() {
    return $(this).height() > 200;
}).addClass("padding");

在您的代码中，n.height() 只是 returns 第一个元素的高度 selected，它不会改变 n 在 n.addClass() 呼叫。

javascript