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

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();