Hide HTML tag based on child tag where the value of the datetime attribute is in the future

15 hours ago 3
ARTICLE AD BOX

I have the following HTML (taken from this page):

<html> <head></head> <body> <article class="feed__item feed__item--centered"> <figure class="feed__image"> <img src="https://demo.getpublii.eu/themes/simple/v3/media/posts/5/jonathan-gallegos-_vA2q0-NroU-unsplash.jpg" srcset="https://demo.getpublii.eu/themes/simple/v3/media/posts/5/responsive/jonathan-gallegos-_vA2q0-NroU-unsplash-xs.webp 640w, https://demo.getpublii.eu/themes/simple/v3/media/posts/5/responsive/jonathan-gallegos-_vA2q0-NroU-unsplash-sm.webp 768w, https://demo.getpublii.eu/themes/simple/v3/media/posts/5/responsive/jonathan-gallegos-_vA2q0-NroU-unsplash-md.webp 1024w" sizes="(min-width: 600px) calc(4.38vw + 143px), 87.86vw" loading="lazy" height="3320" width="4980" alt="Alt text" class="is-loaded"> </figure> <div class="feed__content"> <header> <div class="feed__meta"> <img src="https://demo.getpublii.eu/themes/simple/v3/media/website/author-2-2.webp" loading="lazy" height="67" width="67" class="feed__author-thumb is-loaded" alt=""> <a href="https://demo.getpublii.eu/themes/simple/v3/authors/dayna-d-finkelstein/" class="feed__author">Dayna D. Finkelstein</a> <time datetime="2016-12-23T08:09" class="feed__date">December 23, 2016</time> </div> <h2 class="feed__title"> <a href="https://demo.getpublii.eu/themes/simple/v3/art-of-photography/">The Art of Photography: Capturing Memories on Your Travels</a> </h2> </header> <p>Master travel photography with tips to capture stunning memories. From choosing the right equipment to understanding lighting and composition, this article will help you take beautiful photos that truly reflect your adventures. Learn how to edit your photos to make them pop and tell a…</p> <a href="https://demo.getpublii.eu/themes/simple/v3/art-of-photography/" class="readmore feed__readmore">Continue reading...</a> </div> </article> </body> </html>

How can I use JavaScript and/or CSS to hide any <article class="feed__item"> which has a child <time> tag where the value of the datetime attribute is in the future (so after right now)?

Read Entire Article