Highlight the equivalent of the selected element

Highlight the equivalent of the selected element

Guys I'm trying to get the function  below to highlight the equivalent in position of a selected element from ".intro-nav li" as shown below. Any Ideas on how I can achieve that. Thanks

  1.  <script>
  2.   $(function(){
  3.              
  4.              if ( $(".faces:nth-of-type(1)").is("selected")
  5.              $('.intro-nav li:nth-of-type(1)').addClass("selected");
  6.                }
  7.        });
  8. });
  9.   </script>