javascriptで２つ以上のclassを動かしたいです。

Question

前提・実現したいこと

初心者です。
下記のようなclassを２つjavascriptで実行させたい場合は
どのようなソースコードを記載したら良いのでしょうか？
ご指導よろしくお願いします。

該当のソースコード

    <div class='cotent_section'></div>
    <div class='content_section1'></div>

<script>
  　　 $(function(){
    $(window).on('load scroll',function(){
      $('.content_section').each(function(){
        var target = $(this).offset().top;
        var scroll = $(window).scrollTop();
        var height = $(window).height();
        if (scroll > target - height){
          $(this).addClass('active');
        }
      });
    });
  });
</script>
### 試したこと
ネット上で
querySelectorAll 
をつかうと書いてありましたが、ソースコード上部に記載しても動かなかったです。。

Comments

[maisumakun]

> 下記のようなclassを２つjavascriptで実行させたい場合は

「（CSSの）classを実行する」という表現は意味が通りません。もう少しやりたいことを具体的に書いていただけないでしょうか？

[m.ts10806]

コードはマークダウンのcodeにてご提示ください

[m.ts10806]

また、現状の問題点はなにでしょうか？やってみたことに対し「動かない」では起きてる問題ではないです。エラー確認してください。

※ただ、jQuery使うのでしたらquerySelectorAllの出番はないです。セレクタの指定の仕方は同じで、ほぼ同じ結果が得られます

Answer 1

用途はよくわかりませんが、下記のように","で区切ってやれば、複数のclassを指定できます。

$('.content_section, .content_section1').each(function(){
...
});

Answer 2

$('.content_section')を指定しているのに

<div class='cotent_section'></div> <div class='content_section1'></div>

と両方とも「content_section」というクラスがついていません

なおこれを直しても何をやりたいかちょっと伝わってきません

Answer 3

<div class='cotent_section'></div>
<div class='content_section1'></div>

classは cotent_section, content_section1 ですよね。

$('.content_section').each(...)

classは content_section ですよね。

すべて異なってますよ。
もし「コード例を記述するときに間違っていた」という場合は「元のコードで思うように動かない原因」を見逃している可能性がありますので、できるだけコピー＆ペーストで記載することをオススメします。