jQueryを使用して、画像を切り替えたい

前提・実現したいこと

fvの高さより多くスクロールした時に、ロゴの色をグレー→白に変更したいのですが、jQueryの書き方が違っているのかうまくいきません。
（logo.pngが白でlogo2.pngがグレーです）
パスが違うのかと思ったのですが、確認したところそこは合っていました。
jQueryの勉強を始めたばかりで、かなり初歩的な部分で間違えているかもしれないのですが、どなたかご教示いただけますと幸いです。

           <div class="header__left">
                <p class="header__title">ホームページ制作会社</p>
                <div class="header__logo">
                    <a href="../TOP/index.html">
                        <img src='../images/logo2.png' alt="wadeロゴ">
                    </a>
                </div>
            </div>

$(function(){
    var $win = $(window),
    $fv = $('.fv'),
    $header = $('.header'),
    fvHeight = $fv.outerHeight();
    fixedClass = 'fixed';

    $win.on('load scroll',function() {
        var value = $(this).scrollTop();
            if (value > fvHeight) {
                $header.addClass(fixedClass);
                $('.header__left').css('color','#fff');
                $('.header__logo').children('img').attr('src','../images/logo.png');
            }else{
                $header.removeClass(fixedClass);
                $('.header__left').css('color','#333');
                $('.header__logo').children('img').attr('src','../images/logo2.png');
            }
    });
});

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

これが原因かもしれません。

The .children() method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well.

.children() | jQuery API Documentation

（勝手訳）.children() は .find() と異なりDOMツリーの1レベル下を探索しますが、.find() は複数レベル下の子孫（孫とか）を探索できます。

投稿2020/10/01 01:36