Comment exécuter une fonction lorsque deux textes dans des variables différentes sont égaux

Question

J'ai deux divs, l'un a le nom de classe ".tab" et l'autre a le nom d'identifiant "#director". Je veux exécuter une fonction quand l'élément "#director" a le texte "laissé". Je veux changer le fond de .tab div en vert quand il est a cliqué mais si seulement l'élément #director a le texte "gauche" dedans. donc la fonction que j'ai faite ne continue pas à s'exécuter. Voici mon code: -

var leftText = "left"; 
 
var directorText = $('director').text(); 
 
$(".tab").click(function(){ 
 
\t if (leftText == directorText) { 
 
/*Your Stuff Here*/ 
 
$(".tab").css("background", "green"); 
 
} 
 
\t });

div{ 
 
height: 100px; 
 
width:100px; 
 
margin: 50px; 
 
float: left; 
 
background:#ddd; 
 
border: 2px solid black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="tab"></div> 
 
<span id="director">left</span>

Answer 1

Le sélecteur jQuery pour ids serait var directorText = $('#director').text();