如果高度恰好是 18px，Jquery 将向 div 添加一个类

Question

如果高度正好是 18px，我需要向 div 添加一个类。但我需要 jquery 将其添加到高度为 18px 的 div，任何长度超过该高度的内容都不会添加类。这是我的jquery，现在它为每个div添加了一个类，而不是那些只有18px的div，所以我添加了removeClass，但现在它不起作用。如果仅当高度大于 18px 时向 div 添加类更容易，我也可以使用它。

if ($(".CategoryDescription").height() == 18) {
    $('.CategoryDescription').addClass('VerticalAlign');
}

else {
    $('.CategoryDescription').removeClass('VerticalAlign');
}

Answer 1

您必须迭代所有元素，并检查每个元素的高度，并相应地设置类

$(".CategoryDescription").each(function() {
    if ( $(this).height() == 18 ) {
        $(this).addClass('VerticalAlign');
    } else {
        $(this).removeClass('VerticalAlign');
    }
});

您也可以将 toggleClass 与状态参数一起使用

$(".CategoryDescription").each(function() {
    $(this).toggleClass('VerticalAlign', $(this).height() == 18);
});