:last-of-type Selector

Selects all elements that are the last among siblings of the same element name.

.last-of-type()

The :last-of-type selector matches elements that have no other element with the same parent and the same element name coming after it in the document tree.

Find the last span in each matched div and add some css plus a hover state.

JS
<div>
  <span>Corey,</span>
  <span>Yehuda,</span>
  <span>Adam,</span>
  <span>Todd</span>
</div>
<div>
  <span>Jörn,</span>
  <span>Scott,</span>
  <span>Timo,</span>
  <b>Nobody</b>
</div>
CSS
span.solast {
  text-decoration: line-through;
}
HTML
$("span:last-of-type")
  .css({ color: "red", fontSize: "80%" })
  .hover(
    function () {
      $(this).addClass("solast");
    },
    function () {
      $(this).removeClass("solast");
    }
  );
DEMO

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)