javascript - 检查 2 个变量是否包含完全相同的文本并使用 jquery 执行操作

Question

我有下面的代码，我想检查两个变量“n”和“w”是否包含完全相同的文本并执行操作。但是我可以将文本字符串存储在变量中，但是当我尝试设置条件时它不起作用？

我究竟做错了什么 ？

 var d = new Date();
    var weekday = new Array(7);
    
    weekday[0] = "Sunday";
    weekday[1] = "Monday";
    weekday[2] = "Wednesday";
    weekday[3] = "Thirsday";
    weekday[4] = "Πέμπτη";
    weekday[5] = "Friday";
    weekday[6] = "Saturday";
    var n = weekday[d.getDay()];
    var w =  $('.today-tag').text();
   
  
    if(n === w) {
    $('.today-tag').text('TODAY');
    } else {
    $('.today-tag').text('');
    }

.today-tag {margin-left:10px;color:red;font-size:10px;font-weight:bold;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="the-day">Sunday<div class="today-tag"></div></div>
<div class="the-day">Monday<div class="today-tag"></div></div>
<div class="the-day">Tuesday<div class="today-tag"></div></div>
<div class="the-day">Wednesday<div class="today-tag"></div></div>
<div class="the-day">Thirsday<div class="today-tag"></div></div>
<div class="the-day">Friday<div class="today-tag"></div></div>
<div class="the-day">Saturday<div class="today-tag"></div></div>

标签： javascriptjqueryhtml

Answer 1

里面什么都没有$('.today-tag').text()。您必须使用数组中当前日期的索引并parent()获取文本：

var d = new Date();
var weekday = new Array(7);

weekday[0] = "Sunday";
weekday[1] = "Monday";
weekday[2] = "Wednesday";
weekday[3] = "Thirsday";
weekday[4] = "Πέμπτη";
weekday[5] = "Friday";
weekday[6] = "Saturday";
var n = weekday[d.getDay()];
var idx = d.getDay();
var w =  $('.today-tag:eq('+idx+')').parent().text();

if(n === w) {
  $('.today-tag:eq('+idx+')').text('TODAY');
} else {
  $('.today-tag').text('');
}

.today-tag {margin-left:10px;color:red;font-size:10px;font-weight:bold;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="the-day">Sunday<div class="today-tag"></div></div>
<div class="the-day">Monday<div class="today-tag"></div></div>
<div class="the-day">Tuesday<div class="today-tag"></div></div>
<div class="the-day">Wednesday<div class="today-tag"></div></div>
<div class="the-day">Thirsday<div class="today-tag"></div></div>
<div class="the-day">Friday<div class="today-tag"></div></div>
<div class="the-day">Saturday<div class="today-tag"></div></div>