Hide or show html elements using an array that matches content

by mauro_nappolini

HTML

<div class="email-content-container">
    <div class="jobemail">[email protected]</div>
</div>

<div class="email-content-container">
    <div class="jobemail">[email protected]</div>
</div>

<div class="email-content-container">
    <div class="jobemail">[email protected]</div>
</div>

<div class="email-content-container">
    <div class="jobemail">[email protected]</div>
</div>

<div class="email-content-container">
    <div class="jobemail">[email protected]</div>
</div>

<div class="email-content-container">
    <div class="jobemail">[email protected]</div>
</div>
<div class="email-content-container">
    <div class="email-comparison">[email protected]</div> 
</div>

JavaScript

$(".email-content-container").hide();

$( ".jobemail" ).each(function( i ) {
  let email = $( this ).html();
  let comparisonEmail = $(".email-comparison").html();
 		 if(email == comparisonEmail ){
		 $( this ).parent().show();
  	}
});