Remove class from all elements jQuery

We have div with id my_header and two set classes set-deg0 and set-font that set styles.
We have a list ul with id my_list with 4 dots and 4 different classes whose names are differentiated by their order number and four different styles that set different colors to each text.
There are also two buttons with two different ids.

We select the first button with id apply, when we click on it a function is executed where the div with id my_header loses its two default applied classes.
We select the second button with id apply_all, clicking on it executes a function where the elements of the list with id my_header lose their two classes applied by default.the elements of the list with id my_list lose their respective set-deg classes according to their index order number, starting from 0 to the end of the list.

<html>
  <style>
    .set-deg0{color:red;}
    .set-deg1{color:blue;}
    .set-deg2{color:yellow;}
    .set-deg3{color:green;}
    .set-font{font-size:22px;}
  </style>
  <body>
    <div id="my_header" class="set-deg0 set-font">Hello</div>
    <ul id="my_list">
      <li class="set-deg0">Text 1</li>
      <li class="set-deg1">Text 2</li>
      <li class="set-deg2">Text 3</li>
      <li class="set-deg3">Text 4</li>
    </ul>
    <button id="apply">Apply Style</button>
    <button id="apply_all">Apply All Styles</button>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         /*
         We select the first button with id apply, when we click on it a function is executed where 
         the div with id my_header loses its two default applied classes.
         */
         $('#apply').click(function(){
           $('#my_header').removeClass('set-deg0 set-font');
         });
         /*
         We select the second button with id apply_all, clicking on it executes a function 
         where the elements of the list with id my_header lose their two classes applied 
         by default.the elements of the list with id my_list lose their respective set-deg 
         classes according to their index order number, starting from 0 to the end of the list.
         */
         $('#apply_all').click(function(){
           $("#my_list li").removeClass(function(index) {
              return "set-deg"+index;
          });
         });

       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>