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

Question

我有两个 div，一个 class 名称为“.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();

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

How to execute a function when two text in different variables are equal

html

javascript

css

jquery

elements