jQuery if语句将类添加到内部div

Question

我有以下结构：

我已设法使用以下代码调整#header-sticky-wrapper div但是我需要写一个if语句来说明是否找到is-sticky然后将一个类应用于logo heading-title div [

代码：

$('.sticky-wrapper').addClass( 'nonHomeLogo' );

Answer 1

寻找jQuery hasClass

if ($('#div').hasClass("is-sticky")){
    ...
}

Answer 2

您可以直接将课程添加到.logo，而不必使用if。

$('#header-sticky-wrapper.is-sticky .logo').addClass('whatever-class'); // this is better

或

$('#header-sticky-wrapper.is-sticky').find('.logo').addClass('whatever-class');

使用if，这里是代码[一种方法]。我更喜欢上面的代码。

if( $('#header-sticky-wrapper').hasClass('.is-sticky') )
    $('.logo').addClass('whatever-class');

完整代码：

<script src="jquery.min.js"></script>
<script>
    $(function(){
        $('#header-sticky-wrapper.is-sticky .logo').addClass('whatever-class');
    })
</script>
<div id="header-sticky-wrapper" class="sticky-wrapper nonHomeLogo is-sticky" style="height: 205px;">
    <header id="header" class="nonHome header_v3 animated fadeInDown">
        <div class="header-main">
            <div class="header-top hidden-xs">
                <div class="wd-sticky" id="wd-sticky">
                    <div class="header-middle hidden-xs">
                        <div class="header-middle-content nonHomeContent">
                            <div class="logo heading-title">
                                <div>details</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>