jQuery if hasclass addclass

Question

/* If the object is completely visible in the window... */
if( bottom_of_window > bottom_of_object ){
    $(this).is(".block-left").addClass('fadeInLeft');
    $(this).is(".block-right").addClass('fadeInRight');
}

我通过检查元素类来添加类，但这似乎不起作用。

Answer 1

您需要使用filter()而不是is()，因为is()会返回一个布尔值，这会导致错误

$(this).filter(".block-left").addClass('fadeInLeft');
$(this).filter(".block-right").addClass('fadeInRight');

Answer 2

您可以使用hasClass()：

if( bottom_of_window > bottom_of_object ){
    if($(this).hasClass("block-left")) {
        $(this).addClass("fadeInLeft");
    } else if($(this).hasClass("block-right")) {
        $(this).addClass("fadeInRight");
    }
}

Answer 3

您必须使用if

if( bottom_of_window > bottom_of_object ){
    if ($(this).is(".block-left")) {
        $(this).addClass('fadeInLeft');
    } else if ($(this).is(".block-right"))
        $(this).addClass('fadeInRight');
    }
}

Answer 4

使用.hasClass()

if($(this).hasClass("block-left")){
   $(this).addClass('fadeInLeft');
}