Using the parent selector in jQuery

We use parent to select the children of the selected elements.
We have 3 possible cases:

We select all the children of parent tr and apply red color to the content.
We select all the children of the id 'mySel' and we apply blue color to the content overwriting the previous case. As id is only valid for the first of the children.
We select all the children of the class 'setClass' and we apply orange color overwriting the previous cases.

<html>
  <body>
    <table border="1">
      <tr>
        <td class="selClass">Column 1 part 1</td>
        <td></td>
        <td>Column 3 part 3</td>
      </tr>
      <tr>
        <td id="mySel">Column 1 part 4</td>
        <td class="selClass">Column 2 part 5</td>
        <td class="selClass"></td>
      </tr>
    </table>
    <div id="mySel">Another content mySel</div>
    <div class="selClass">Content type selClass</div>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         $("tr:parent").css('color', 'red');
         $("#mySel:parent").css('color', 'blue');
         $(".selClass:parent").css('color', 'orange');
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>