Question

我在事件列表中输出了日期，我想隐藏任何与开始日期匹配的结束日期。

例如；

<span class="start_date">Wed 23rd January</span>

<span class="end_date">Wed 23rd January</span>

当日期与开始日期匹配时，我正在尝试向结束日期周围的范围添加一个类，以便将其隐藏。

这是到目前为止我尝试使用的JS，以查看两个字段是否匹配。

var a = $('.start_date');
var b = $('.end_date');

if ($.data(a) == $.data(b)) {
    $('.end_date').addClass('hide');
}

Answer 1

只需使用text()：

var a = $('.start_date'),
    b = $('.end_date');

if( a.text() == b.text() ) 
{
    $('.end_date').addClass('hide');
}

.hide {
    display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="start_date">Wed 23rd January</span>

<span class="end_date">Wed 23rd January</span>

Answer 2

看，没有jQuery，：-）

let a = document.querySelector('.start_date');
let b = document.querySelector('.end_date');

if (a.textContent == b.textContent) {
  b.classList.add('hide');
}

.hide {
  display: none;
}

<span class="start_date">Wed 23rd January</span>
<span class="end_date">Wed 23rd January</span>

但是您可能想要修剪任何前导或尾随空格，或进行其他处理以确保内容不受较小的格式差异（例如大写/小写）的影响。

如果匹配日期则隐藏

2 个答案: