当不同变量中的两个文本相等时如何执行函数

Question

我有两个 div，一个有类名“.tab”，另一个有 id 名“#director”。当“#director”元素具有文本“left”时，我想执行一个函数。 我想在单击时将 .tab div 的背景更改为绿色，但如果只有#director 元素中包含“left”文本。所以我做的功能一直没有执行。这是我的代码：-

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

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 选择器将是 var directorText = $('#director').text();