Скрыть, если совпадают даты

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

Смотри, не 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>

Но вы можете обрезать любой начальный или конечный пробел или выполнить другую обработку, чтобы гарантировать, что на мелкие различия в форматировании не влияют (например, верхний/ нижний регистр).

Answer 2

Просто используйте 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>