異なる変数の2つのテキストが等しい場合に関数を実行する方法

Question

2つのdivがあり、1つにクラス名 ".tab"があり、もう1つにID名 "#director"があります。 "#director"要素のテキストが "left"のときに関数を実行したい。 がをクリックしたときに.tab divの背景を緑色に変更したいのですが、#director要素の中に「left」という文字列しかない場合は、したがって、私が作った関数は実行されません。ここに私のコードです： -

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

IDのjQueryのセレクタを使用すると、ID ... $（ '＃ディレクター' で選択されているので、＃を追加するのを忘れvar directorText = $('#director').text();