Past event filtering

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js"></script>
<div class="past-event">
  
  <span class="event-title">Event 1</span>
  <span class="event-date">05.05.19</span>
  
</div>

<div class="past-event">
  
  <span class="event-title">Event 2</span>
  <span class="event-date">20.04.19</span>
  
</div>

<div class="past-event">
  
  <span class="event-title">Event 3</span>
  <span class="event-date">01.02.19</span>
  
</div>

<div class="past-event">
  
  <span class="event-title">Event 4</span>
  <span class="event-date">05.05.18</span>
  
</div>

CSS

body {
  display: flex;
  width: 100%;
  flex-wrap: ;
}

.past-event {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.blue {
  background-color: blue;
}

.hidden {
  display: none;
}

JavaScript

jQuery('.past-event').each(function(i, obj) {
  var event_date_raw = jQuery('.event-date').text();
  var event_date     = moment(event_date_raw, "DD/MM/YY");
  var now			   = moment().format("DD/MM/YY");

  if (now < event_date) {
    jQuery(this).addClass("hidden");
  } else {
    jQuery(this).addClass("blue");
  }
});