如何執行一個函數，當兩個文本在不同的變量是相等的

Question

我有兩個div，一個有類名「.tab」，另一個有id名「#director」。我想在「#director」元素有文字「left」時執行一個函數。 我想將.tab div的背景改爲綠色，當它是點擊但是如果只有#director元素中有文字「左」。所以我做的功能不會執行。這裏是我的代碼： -

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

jQuery選擇了IDS是var directorText = $('#director').text();