JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slider">
    <div id="slide1" class="slides"> <a href="items/show/1" class="link">
           <h2>Date</h2>
           <h3>Title</h3>
       </a>

        <div id="slide2" class="slides"> <a href="items/show/2" class="link">
           <h2>Date</h2>
           <h3>Title</h3>
       </a>

            <div id="slide3" class="slides"> <a href="items/show/3" class="link">
           <h2>Date</h2>
           <h3>Title</h3>
       </a>

                <div id="slide4" class="slides"> <a href="items/show/4" class="link">
           <h2>Date</h2>
           <h3>Title</h3>
       </a>

                    <div id="slide5" class="slides"> <a href="items/show/5" class="link"> <-- trying to get this href value
           <h2>Date</h2>
           <h3>Title</h3>
       </a>

                    </div>

JavaScript

var latestUrl = $('#slider .slides:last').find('a').attr("href");
console.log(latestUrl);