javascript - JS コードが正しく実行されていませんが、コンソールでは動作します

Question

画像のsrcを変更しようとしています。コンソールで変更できますが、JavaScript ファイルで動作させることはできません。私が実行したコードは、私のファイルのコードと同じです。
問題が発生しているコードの抜粋を次に示します。

$(document).ready(function(){
    $(document).on("click", ".grid-zonaAzul div img", function(event){
        if ($(event.target).attr("src") != "imagens/reservaCadeiras/cadeiraIndisponivel1.png") {
            if ($(event.target).attr("src") == "imagens/reservaCadeiras/cadeiraSelecionadaChapeu1.png") {
                var parentClass = $(event.target).parent().attr("class");
                var classDots = "." + parentClass.split(" ").join(".");
                console.log(classDots);
                document.querySelector(classDots + " > img");
                // document.querySelector(classDots + " > img").setAttribute("src", "imagens/reservaCadeiras/cadeira1.png");
            };
        };
    });
});

また、HTML には次のようなものがあります。

<div class="grid-zonaAzul">
    <div class="linha1a coluna1a"><img src="imagens/reservaCadeiras/cadeira1.png"></div>
</div>

varparentClassは私に class を与えていますがlinha1a coluna1a、これは正しいです。しかし、ドットでそれが必要なのでvar classDots = "." + parentClass.split(" ").join(".");、文字列を に変える行を実行しています.linha1a.coluna1a。また、console.log
基本的に de class 内の唯一の画像を取得しようとしています.linha1a.coluna1a。コメント行は何もしていないため、問題はここから始まりますが、実行するdocument.querySelector(".linha1a.coluna1a > img").setAttribute("src", "imagens/reservaCadeiras/cadeira1.png")とコンソールで動作します。

編集： 申し訳ありませんが、何かを説明していませんでした。画像があり、クリックすると別の画像に変わります。これは正しく機能しています。投稿したコードは、画像をもう一度クリックして 2 番目の画像を最初の画像に置き換えたときに実行されていました。基本的に、最初のクリックで src がimagens/reservaCadeiras/cadeiraSelecionada1.png変更され、2 回目のクリックで に変更されimagens/reservaCadeiras/cadeira1.pngます。